[-] Remove lowercased home file

2021-12-07 00:57:35 -05:00
parent 4f4bc2458e
commit bcbd34675f
1 changed files with 0 additions and 101 deletions
@@ -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)
 }