From bcbd34675f543c083db59ee889383b0c60a2af9a Mon Sep 17 00:00:00 2001 From: Hykilpikonna Date: Tue, 7 Dec 2021 00:57:35 -0500 Subject: [PATCH] [-] Remove lowercased home file --- src/animation/home.ts | 101 ------------------------------------------ 1 file changed, 101 deletions(-) delete mode 100644 src/animation/home.ts diff --git a/src/animation/home.ts b/src/animation/home.ts deleted file mode 100644 index 1288386..0000000 --- a/src/animation/home.ts +++ /dev/null @@ -1,101 +0,0 @@ -import * as THREE from 'three' -import * as helper from "@/animation/Helpers"; -import {initMouseTracker, moused} from "@/animation/MouseTracker"; -import {circle} from "@/animation/Helpers"; - -let renderer: THREE.WebGLRenderer, scene: THREE.Scene, camera: THREE.PerspectiveCamera -const objects = [] - -const config = { - background: '#333', - - // Field of vision and cutoff frustum for near and far - cam: {fov: 50, near: 1, far: 2000}, - - // Mouse movement factor - mouseFactor: 10, - smooth: {}, -} - -// //////////////////// -// Three.js scene code - -function init(): void -{ - const geometryBox = helper.box(50, 50, 50); - - const lineSegments = new THREE.LineSegments(geometryBox, new THREE.LineDashedMaterial({ - color: 0xffaa00, - dashSize: 3, - gapSize: 1 - })); - lineSegments.computeLineDistances() - - objects.push(lineSegments) - scene.add(lineSegments) - - scene.add(circle(0xffff00, 0, 5)) - scene.add(circle(0xff00ff, 1, 4)) - scene.add(circle(0x0000ff, 2, 3)) - scene.add(circle(0x00ffff, 3, 2)) - scene.add(circle(0xff0000, 4, 1)) -} - -function update(): void -{ - const time = Date.now() * 0.001; - - camera.position.x = moused.x * config.mouseFactor - camera.position.y = moused.y * config.mouseFactor - - // scene.traverse((object) => - // { - // object.rotation.x = 0.25 * time; - // object.rotation.y = 0.25 * time; - // }); -} - -// /////////////////// -// Three.js meta code - -/** - * Start the three.js rendering engine - * - * @param id: Canvas element id - */ -export function start(id: string): void -{ - scene = new THREE.Scene() - scene.background = new THREE.Color(config.background) - - // Create camera - camera = new THREE.PerspectiveCamera(config.cam.fov, window.innerWidth / window.innerHeight, - config.cam.near, config.cam.far) - camera.position.set(0, 0, 200) - camera.lookAt(0, 0, 0) - - // @ts-ignore Create WebGL Renderer - renderer = new THREE.WebGLRenderer({canvas: document.getElementById(id), antialias: true}) - onWindowResize() - window.addEventListener('resize', onWindowResize) - - init() - initMouseTracker() - animate() -} - -function onWindowResize() -{ - camera.aspect = window.innerWidth / window.innerHeight - camera.updateProjectionMatrix() - - renderer.setPixelRatio(window.devicePixelRatio) - renderer.setSize(window.innerWidth, window.innerHeight) -} - -function animate(): void -{ - requestAnimationFrame(animate) - update() - renderer.render(scene, camera) -}