diff --git a/doge.jpg b/doge.jpg deleted file mode 100644 index 258b18b..0000000 Binary files a/doge.jpg and /dev/null differ diff --git a/index.html b/index.html index 107e54e..fe7328b 100644 --- a/index.html +++ b/index.html @@ -7,8 +7,27 @@ Vite App +
+ +
+

Daniel Jones

+

Web Developer, Game Designer, and Author

+
+ + + + + + + + + + + + + diff --git a/main.js b/main.js index b62b7a4..58bab8b 100644 --- a/main.js +++ b/main.js @@ -4,8 +4,12 @@ import {OrbitControls} from 'three/examples/jsm/controls/OrbitControls'; 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({ @@ -18,11 +22,7 @@ camera.position.setZ(30); renderer.render(scene, camera); -const geometry = new THREE.TorusGeometry(10, 3, 16, 100); -const material = new THREE.MeshStandardMaterial({color: "green"}); -const torus = new THREE.Mesh(geometry, material); -scene.add(torus); const pointLight = new PointLight(0xffffff, 150); @@ -37,15 +37,20 @@ const lightHelper = new THREE.PointLightHelper(pointLight); const gridHelper = new THREE.GridHelper(200, 50); scene.add(gridHelper, lightHelper); -const controls = new OrbitControls(camera, renderer.domElement) +const controls = new OrbitControls(camera, renderer.domElement); + + + + + + +scene.background = "black"; function animate(){ requestAnimationFrame(animate); - torus.rotation.x += 0.01; - torus.rotation.y -= 0.01; - torus.rotation.z -= 0.01; + renderer.render(scene, camera) }