diff --git a/src/main.js b/src/main.js index 7a42e0a..7cd7c10 100644 --- a/src/main.js +++ b/src/main.js @@ -10,19 +10,16 @@ const renderer = new THREE.WebGLRenderer({ }); renderer.setSize(window.innerWidth, window.innerHeight); -const geometry = new THREE.BoxGeometry(1, 1, 1); -const material = new THREE.MeshBasicMaterial({ color: 0x00ff00 }); -const cube = new THREE.Mesh(geometry, material); -scene.add(cube); +const floor = new THREE.Mesh(new THREE.PlaneGeometry(10, 10), new THREE.MeshBasicMaterial({ color: 0x00ff00 })); +scene.add(floor); -camera.position.z = 5; +const cube = new THREE.Mesh(new THREE.BoxGeometry(1, 1, 1), new THREE.MeshBasicMaterial({ color: 0x00aaff })); +cube.position.z = 0.5; +scene.add(cube); function animate() { requestAnimationFrame(animate); - cube.rotation.x += 0.01; - cube.rotation.y += 0.01; - renderer.render(scene, camera); }