Remade

app.js

@@ -1,47 +1,47 @@
-import * as THREE from 'three';
-import { GLTFLoader } from 'three/examples/loaders/GLTFLoader.js';
-
-function main() {
- let camera, scene, renderer;
- let mouseX = 0, mouseY = 0;
-
- init();
- animate();
-
- function init() {
- renderer = new THREE.WebGLRenderer();
- renderer.setSize(window.innerWidth, window.innerHeight);
- document.body.appendChild(renderer.domElement);
-
- scene = new THREE.Scene();
- camera = new THREE.PerspectiveCamera(65, window.innerWidth / window.innerHeight, 0.1, 1000);
- camera.position.set(0, 0, 5);
-
- const loader = new GLTFLoader();
- loader.load('./night_sky_visible_spectrum_monochromatic.glb', function (gltf) {
- scene.add(gltf.scene);
- }, undefined, function (error) {
- console.error('An error happened:', error);
- alert('Failed to load the 3D model.');
- });
-
- const light = new THREE.PointLight(0xffffff, .001);
- light.position.set(5, 5, 5);
- scene.add(light);
-
- document.addEventListener('mousemove', onDocumentMouseMove, false);
- }
-
- function onDocumentMouseMove(event) {
- mouseX = (event.clientX / window.innerWidth) * 2 - 1;
- mouseY = -(event.clientY / window.innerHeight) * 2 + 1;
- }
-
- function animate() {
- requestAnimationFrame(animate);
- camera.lookAt(new THREE.Vector3(mouseX * 5, mouseY * 5, 0));
- renderer.render(scene, camera);
- }
-}
-
-main();
+import * as THREE from 'three';
+import { GLTFLoader } from 'three/examples/loaders/GLTFLoader.js';
+
+function main() {
+ let camera, scene, renderer;
+ let mouseX = 0, mouseY = 0;
+
+ init();
+ animate();
+
+ function init() {
+ renderer = new THREE.WebGLRenderer();
+ renderer.setSize(window.innerWidth, window.innerHeight);
+ document.body.appendChild(renderer.domElement);
+
+ scene = new THREE.Scene();
+ camera = new THREE.PerspectiveCamera(65, window.innerWidth / window.innerHeight, 0.1, 1000);
+ camera.position.set(0, 0, 5);
+
+ const loader = new GLTFLoader();
+ loader.load('./night_sky_visible_spectrum_monochromatic.glb', function (gltf) {
+ scene.add(gltf.scene);
+ }, undefined, function (error) {
+ console.error('An error happened:', error);
+ alert('Failed to load the 3D model.');
+ });
+
+ const light = new THREE.PointLight(0xffffff, .001);
+ light.position.set(5, 5, 5);
+ scene.add(light);
+
+ document.addEventListener('mousemove', onDocumentMouseMove, false);
+ }
+
+ function onDocumentMouseMove(event) {
+ mouseX = (event.clientX / window.innerWidth) * 2 - 1;
+ mouseY = -(event.clientY / window.innerHeight) * 2 + 1;
+ }
+
+ function animate() {
+ requestAnimationFrame(animate);
+ camera.lookAt(new THREE.Vector3(mouseX * 5, mouseY * 5, 0));
+ renderer.render(scene, camera);
+ }
+}
+
+main();