Professor6T9 Web SheLL

Windows NT WEB-23 10.0 build 17763 (Windows Server 2016) i586
Microsoft-IIS/10.0
103.118.16.173

JStrial1V2.js

var GUI = lil.GUI;

const scene = new THREE.Scene();
const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);

const renderer = new THREE.WebGLRenderer({ canvas: document.getElementById('canvas') });
renderer.setSize(window.innerWidth, window.innerHeight);
renderer.shadowMap.enabled = true;
renderer.shadowMap.type = THREE.PCFSoftShadowMap;
document.getElementById('container').appendChild(renderer.domElement);

camera.position.z = 5;

let isAnimating = false;
let isRotating = true;
let rotationDirectionX = 1, rotationDirectionY = 1, rotationDirectionZ = 1;

const raycaster = new THREE.Raycaster();
const pointer = new THREE.Vector2();

function onPointerMove(event) {

pointer.x = (event.clientX / window.innerWidth) * 2 - 1;
  pointer.y = - (event.clientY / window.innerHeight) * 2 + 1;

}

window.addEventListener('mousemove', onPointerMove);

function animate() {
  
  if(isAnimating) {
 
  const time = Date.now();
  const t = (time / 2000 % 6 ) / 6;
  const position = path.getPointAt(t);
  cube.position.copy(position);
 
  const tangent = path.getTangentAt(t).normalize();
  cube.lookAt(position.clone().add(tangent));

}

raycaster.setFromCamera(pointer, camera);
  
  //const intersects = raycaster.intersectObjects([cube], true);
  const intersects = raycaster.intersectObjects([cube], true);

if (intersects.length > 0) {

intersects[0].object.material.color.set(0xff0000);

} else {

cube.material.color.set(0x00ff00);
}

renderer.render(scene, camera);

requestAnimationFrame(animate);
}

animate();

window.addEventListener('resize' , function () {
 camera.aspect = window.innerWidth / window.innerHeight;
 camera.updateProjectionMatrix();
 renderer.setSize(window.innerWidth, window.innerHeight);

});

/*
function animateCubeOnPath(cube, path) {
  const time = Date.now();
  const t = (time / 2000 % 6 ) / 6;
  const position = path.getPointAt(t);
  cube.position.copy(position);

const tangent = path.getTangentAt(t).normalize();
  cube.lookAt(position.clone().add(tangent)); 
}*/

/*
window.addEventListener('resize' , function () {
  camera.aspect = window.innerWidth / window.innerHeight;
  camera.updateProjectionMatrix();
  renderer.setSize(window.innerWidth, window.innerHeight);
 
 });
*/

/*var GUI = lil.GUI;

const scene = new THREE.Scene();
const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);

camera.position.z = 5;

let isRotating = true;
let isAnimating = false;

const raycaster = new THREE.Raycaster();
const pointer = new THREE.Vector2();

function onPointerMove(event) {

pointer.x = (event.clientX / window.innerWidth) * 2 - 1;
  pointer.y = - (event.clientY / window.innerHeight) * 2 + 1;

}

window.addEventListener('pointermove', onPointerMove);

function animate() {
  if(isAnimating) {
 
  const time = Date.now();
  const t = (time / 2000 % 6 ) / 6;
  const position = path.getPointAt(t);
  cube.position.copy(position);
 
  const tangent = path.getTangentAt(t).normalize();
  cube.lookAt(position.clone().add(tangent));

}

raycaster.setFromCamera(pointer, camera);
  
  const intersects = raycaster.intersectObjects([cube], true);