Code isn't showing up in my window after saving what am I doing wrong?

Questions
1

import ‘./style.css’

import * as THREE from ‘three’;

const scene = new THREE.Scene();

const camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 );

const renderer = new THREE.WebGLRenderer({

canvas: document.querySelector(‘#bg’),

});

renderer.setPixelRatio(window.devicePixelRatio);

renderer.setSize(window.innerWidth, window.innerHeight);

camera.position.setZ(30);

camera.position.setX(-3);

renderer.render( scene, camera );

const geometry = new THREE.TorusGeometry( 10, 3, 16, 100 )

const material = new THREE.MeshBasicMaterial( { color: 0xFF6347, wireframe: true } );

const torus = new THREE.Mesh( geometry, material );

scene.add(torus)

function animate() {

requestAnimationFrame( animate );

}

I am following the tutorial from Fireship for any reference.

2

Which part isn’t showing where :sweat_smile: Did you check devtools console for errors?

3

Your animate function just recursively calls itself. It does nothing else.

4

function animate() {
renderer.render(scene,camera)
requestAnimationFrame( animate );

}