# No errors, but only see black

**URL:** <https://discourse.threejs.org/t/no-errors-but-only-see-black/33639>\
**Category:** Questions\
**Tags:** geometry\
**Created:** [January 14, 2022, 2:40pm UTC](https://discourse.threejs.org/t/no-errors-but-only-see-black/33639 "2022-01-14T14:40:22Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![CW7LeftWinger](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/cw7leftwinger/32/23497_2.png) [@CW7LeftWinger](https://discourse.threejs.org/u/CW7LeftWinger)\
**Post date:** [January 14, 2022, 2:40pm UTC](https://discourse.threejs.org/t/no-errors-but-only-see-black/33639/1 "2022-01-14T14:40:22Z")

</div>

Hello,

I just started to learn Three.js, but after I finished with the tutorial (cube), I wanted to try out other Geometries. But when I noticed that when I replace the code, it doesn’t work for all the geometries.  
For example Circle works, but Cone and Sphere don’t.  
I have no clue where it’s going wrong, cause there are no errors and only black screen.

```javascript
      // Creating scene
      const scene = new THREE.Scene();

      //Field of view, Ratio, Clipping plane (how much is visible)
      const camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 );

      // Renderer
      const renderer = new THREE.WebGLRenderer();
      renderer.setSize( window.innerWidth, window.innerHeight );
      document.body.appendChild( renderer.domElement );

      // Creating the object
      const geometry = new THREE.ConeGeometry( 5, 20, 32 );
      const material = new THREE.MeshBasicMaterial( {color: 0xffff00} );
      const cone = new THREE.Mesh( geometry, material );
      scene.add( cone );

      camera.position.z = 2;

      function animate() {
        // The "setInterval" (FPS based on screen)
        requestAnimationFrame( animate );

        cone.rotation.x += 0.01;
        cone.rotation.y += 0.01;

        renderer.render( scene, camera );
      }
      animate();

```

---

<div class="post-metadata">

**Author:** ![jacopocolo](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/jacopocolo/32/10521_2.png) [@jacopocolo](https://discourse.threejs.org/u/jacopocolo)\
**Post date:** [January 14, 2022, 2:48pm UTC](https://discourse.threejs.org/t/no-errors-but-only-see-black/33639/2 "2022-01-14T14:48:07Z")

</div>

Judging by your camera position, you are probably _inside_ your mesh. Try moving the camera to 5 or 10 and you should see the cone.

Tip: try using `wireframe: true` in your material to debug your scenes. It helps understand what you are looking (or not looking) at.

---

<div class="post-metadata">

**Author:** ![prisoner849](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/prisoner849/32/535_2.png) [@prisoner849](https://discourse.threejs.org/u/prisoner849)\
**Post date:** [January 14, 2022, 2:48pm UTC](https://discourse.threejs.org/t/no-errors-but-only-see-black/33639/3 "2022-01-14T14:48:09Z")

</div>

Hi!  
Set camera position like this: `camera.position.z = 20;` and see the miracle 🙂  
Your camera is simply inside the cone, when `camera.position.z = 2`

---

<div class="post-metadata">

**Author:** ![CW7LeftWinger](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/cw7leftwinger/32/23497_2.png) [@CW7LeftWinger](https://discourse.threejs.org/u/CW7LeftWinger)\
**Post date:** [January 14, 2022, 2:50pm UTC](https://discourse.threejs.org/t/no-errors-but-only-see-black/33639/4 "2022-01-14T14:50:12Z")

</div>

Ohhhhh, thanks a lot!  
For something this simple it was breaking my brain

---

<div class="post-metadata">

**Author:** ![CW7LeftWinger](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/cw7leftwinger/32/23497_2.png) [@CW7LeftWinger](https://discourse.threejs.org/u/CW7LeftWinger)\
**Post date:** [January 14, 2022, 2:50pm UTC](https://discourse.threejs.org/t/no-errors-but-only-see-black/33639/5 "2022-01-14T14:50:43Z")

</div>

Hi!

Thanks! For a prisoner you are very friendly 😃

---

<div class="post-metadata">

**Author:** ![prisoner849](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/prisoner849/32/535_2.png) [@prisoner849](https://discourse.threejs.org/u/prisoner849)\
**Post date:** [January 14, 2022, 2:51pm UTC](https://discourse.threejs.org/t/no-errors-but-only-see-black/33639/6 "2022-01-14T14:51:30Z")

</div>

🤣 You’re welcome 🍻

---

<div class="post-metadata">

**Author:** ![hofk](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/hofk/32/44944_2.png) [@hofk](https://discourse.threejs.org/u/hofk)\
**Post date:** [January 14, 2022, 4:41pm UTC](https://discourse.threejs.org/t/no-errors-but-only-see-black/33639/7 "2022-01-14T16:41:14Z")

</div>

> [@CW7LeftWinger](#):
>
> I just started to learn Three.js,

You may find the [collection](https://discourse.threejs.org/t/collection-of-examples-from-discourse-threejs-org/4315) helpful.

There is an [BeginnerExample](https://hofk.de/main/discourse.threejs/BeginnerExample/BeginnerExample.html) with comments.