# Need help with First Step Tutorial: How to swap the Yeti's mesh to something else (.glb file)? (SOLVED)

**URL:** <https://forum.babylonjs.com/t/need-help-with-first-step-tutorial-how-to-swap-the-yetis-mesh-to-something-else-glb-file-solved/47194>\
**Category:** Content creation (3dsMax, Maya, Blender, glTF)\
**Tags:** blender, glb\
**Created:** [January 13, 2024, 7:20pm UTC](https://forum.babylonjs.com/t/need-help-with-first-step-tutorial-how-to-swap-the-yetis-mesh-to-something-else-glb-file-solved/47194 "2024-01-13T19:20:28Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![chicortiz](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/chicortiz/32/37205_2.png) [@chicortiz](https://forum.babylonjs.com/u/chicortiz)\
**Post date:** [January 13, 2024, 7:20pm UTC](https://forum.babylonjs.com/t/need-help-with-first-step-tutorial-how-to-swap-the-yetis-mesh-to-something-else-glb-file-solved/47194/1 "2024-01-13T19:20:28Z")

</div>

Hello babylon.js folks!

I need some advice to swap the mesh from the First Step Tutorial:

Link A ([Babylon.js docs](https://doc.babylonjs.com/journey/theFirstStep))

Link B ([https://playground.babylonjs.com/#2KRNG9#4](https://playground.babylonjs.com/#2KRNG9#4)).

Could you help me?

I’m trying to swap the Yeti’s mesh for a Suzanne’s mesh (The monkey mesh that is the Blender’s mascot).

But I don’t know how to fill correctly the web address for the Suzanne…  
I hosted it at [https://prototipe.com.br/glb/su.glb](https://prototipe.com.br/glb/su.glb)

Or maybe it some other parameter?

Here is the code snippet where I was trying different combinations (It’s working, it loads and run the default checkers ground and the orbit’s logic but doesn’t display the monkey):

> var createScene = function () {  
> // This creates a basic Babylon Scene object (non-mesh)  
> var scene = new BABYLON.Scene(engine);
> 
> ```
> var camera = new BABYLON.ArcRotateCamera("camera", BABYLON.Tools.ToRadians(90), BABYLON.Tools.ToRadians(65), 10, BABYLON.Vector3.Zero(), scene);
> 
> // This attaches the camera to the canvas
> camera.attachControl(canvas, true);
> 
> // This creates a light, aiming 0,1,0 - to the sky (non-mesh)
> var light = new BABYLON.HemisphericLight("light", new BABYLON.Vector3(0, 1, 0), scene);
> 
> // Default intensity is 1. Let's dim the light a small amount
> light.intensity = 0.7;
> 
> // Our built-in 'ground' shape.
> var ground = BABYLON.MeshBuilder.CreateGround("ground", {width: 6, height: 6}, scene);
> let groundMaterial = new BABYLON.StandardMaterial("Ground Material", scene);
> ground.material = groundMaterial;
> let groundTexture = new BABYLON.Texture(Assets.textures.checkerboard_basecolor_png.rootUrl, scene);
> ground.material.diffuseTexture = groundTexture;
> 
> //BABYLON.SceneLoader.ImportMesh("", Assets.meshes.Yeti.rootUrl, Assets.meshes.Yeti.filename, scene, function(newMeshes){
> BABYLON.SceneLoader.ImportMesh("su", "https://prototipe.com.br/glb/su.glb", "su.glb", scene, function(newMeshes){  
> newMeshes[0].scaling = new BABYLON.Vector3(0.1, 0.1, 0.1);
> });
> 
> return scene;
> 
> ```
> 
> };
> 
> // prototipe.com.br/glb/BDemoiTectonicBlender360.glb
> 
> // BABYLON.SceneLoader.ImportMesh(“meshName”, “url to the mesh parent directory”, “Mesh filename.fileextension”, scene, function(newMeshes){
> 
> // [https://playground.babylonjs.com/#2KRNG9#4](https://playground.babylonjs.com/#2KRNG9#4)

Any hint is appreciated.

Thank you very much for your time and patience,

Greetings,

Ortiz

# 

Blender 3.6.0 360 hello world babylonjs babylon.js

---

<div class="post-metadata">

**Author:** ![ZGltYQ](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/zgltyq/32/39493_2.png) [@ZGltYQ](https://forum.babylonjs.com/u/ZGltYQ)\
**Post date:** [January 13, 2024, 8:54pm UTC](https://forum.babylonjs.com/t/need-help-with-first-step-tutorial-how-to-swap-the-yetis-mesh-to-something-else-glb-file-solved/47194/2 "2024-01-13T20:54:12Z")

</div>

If you can’t import mesh in your pg that is because there is CORS error. Try to import mesh locally

---

<div class="post-metadata">

**Author:** ![labris](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/labris/32/12576_2.png) [@labris](https://forum.babylonjs.com/u/labris)\
**Post date:** [January 13, 2024, 9:38pm UTC](https://forum.babylonjs.com/t/need-help-with-first-step-tutorial-how-to-swap-the-yetis-mesh-to-something-else-glb-file-solved/47194/3 "2024-01-13T21:38:14Z")

</div>

If you would open the console you’ll see the CORS error  
 ![image](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/3/e/3ed1c7020d146bf536a697277d6fa5b13d8efbe0.png)

If you want to use Playground try to upload your assets to some host which supports CORS policy, like described here - [Using External Assets In the Playground | Babylon.js Documentation](https://doc.babylonjs.com/toolsAndResources/thePlayground/externalPGAssets)

I changed your example just to show how to load models from Github - [https://playground.babylonjs.com/#2KRNG9#2794](https://playground.babylonjs.com/#2KRNG9#2794)

---

<div class="post-metadata">

**Author:** ![chicortiz](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/chicortiz/32/37205_2.png) [@chicortiz](https://forum.babylonjs.com/u/chicortiz)\
**Post date:** [January 13, 2024, 10:09pm UTC](https://forum.babylonjs.com/t/need-help-with-first-step-tutorial-how-to-swap-the-yetis-mesh-to-something-else-glb-file-solved/47194/4 "2024-01-13T22:09:21Z")

</div>

Thanks a lot Guys!

The final block is this one:

> var createScene = function () {  
> // This creates a basic Babylon Scene object (non-mesh)  
> var scene = new BABYLON.Scene(engine);
> 
> ```
> var camera = new BABYLON.ArcRotateCamera("camera", BABYLON.Tools.ToRadians(90), BABYLON.Tools.ToRadians(65), 10, BABYLON.Vector3.Zero(), scene);
> 
> // This attaches the camera to the canvas
> camera.attachControl(canvas, true);
> 
> // This creates a light, aiming 0,1,0 - to the sky (non-mesh)
> var light = new BABYLON.HemisphericLight("light", new BABYLON.Vector3(0, 1, 0), scene);
> 
> // Default intensity is 1. Let's dim the light a small amount
> light.intensity = 0.7;
> 
> // Our built-in 'ground' shape.
> var ground = BABYLON.MeshBuilder.CreateGround("ground", {width: 6, height: 6}, scene);
> let groundMaterial = new BABYLON.StandardMaterial("Ground Material", scene);
> ground.material = groundMaterial;
> let groundTexture = new BABYLON.Texture("textures/floor.png", scene);
> ground.material.diffuseTexture = groundTexture;
> 
> BABYLON.SceneLoader.ImportMesh("", "https://raw.githubusercontent.com/chicortiz/glb/main/", 'su.glb', scene, function(newMeshes){
> });
> 
> return scene;
> 
> ```
> 
> };

Published at: [prototipe.com.br/html\_3d/suzannebabylonjs.html](https://prototipe.com.br/html_3d/suzannebabylonjs.html)

# 

Blender 3.6.0 360 hello world babylonjs babylon.js