# Model not Visible on the scene after loading using glTF Loader

**URL:** <https://discourse.threejs.org/t/model-not-visible-on-the-scene-after-loading-using-gltf-loader/20452>\
**Category:** Questions\
**Tags:** loaders\
**Created:** [November 5, 2020, 2:48pm UTC](https://discourse.threejs.org/t/model-not-visible-on-the-scene-after-loading-using-gltf-loader/20452 "2020-11-05T14:48:36Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![surabhi\_arora](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/surabhi_arora/32/10036_2.png) [@surabhi\_arora](https://discourse.threejs.org/u/surabhi_arora)\
**Post date:** [November 5, 2020, 2:48pm UTC](https://discourse.threejs.org/t/model-not-visible-on-the-scene-after-loading-using-gltf-loader/20452/1 "2020-11-05T14:48:36Z")

</div>

Hi Al,  
I am trying to simply import mesh into my scene. In the console, it is visible that my mesh has been loaded 100% but it is not visible on the screen. I am attaching the code I am using. Plz, help me with the solution.

```
        const scene = new THREE.Scene();
        const camera = new THREE.PerspectiveCamera(75,
            window.innerWidth / window.innerHeight,0.1,1000);
        camera.position.set(0, 0, 5);

        const renderer = new THREE.WebGLRenderer();
        renderer.setSize(window.innerWidth, window.innerHeight);
        document.body.appendChild(renderer.domElement);
        var loader = new THREE.GLTFLoader();
        loader.load(
            "./Switch.glb",
            function (gltf) {
                scene.add(gltf.scene)
            },
            function (xhr) {
                console.log((xhr.loaded / xhr.total * 100) + '% loaded');
            },
            function (error) {
                console.log('An error happened');
            }
        );

        const animate = function () {
            requestAnimationFrame(animate);
            renderer.render(scene, camera);
        };
        animate();
```

---

<div class="post-metadata">

**Author:** ![Mugen87](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mugen87/32/5645_2.png) [@Mugen87](https://discourse.threejs.org/u/Mugen87)\
**Post date:** [November 5, 2020, 4:02pm UTC](https://discourse.threejs.org/t/model-not-visible-on-the-scene-after-loading-using-gltf-loader/20452/2 "2020-11-05T16:02:44Z")

</div>

Try to add some lights to your scene and see if it helps:

```javascript
const hemiLight = new THREE.HemisphereLight( 0xffffff, 0x444444, 0.4 );
hemiLight.position.set( 0, 20, 0 );
scene.add( hemiLight );

const dirLight = new THREE.DirectionalLight( 0xffffff, 0.8 );
dirLight.position.set( - 3, 10, - 10 );
scene.add( dirLight );

```