Professor6T9 Web SheLL

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

File Name : cube.js

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 isRotating = true;
let rotationDirectionX = 1, rotationDirectionY = 1, rotationDirectionZ = 1;

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

const geometry = new THREE.BoxGeometry(1.3, 1.3, 1.3);
const material = new THREE.MeshBasicMaterial({ color: 0x00ff00 });
const cube = new THREE.Mesh(geometry, material);
cube.castShadow = true;
scene.add(cube);

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() {
    raycaster.setFromCamera(pointer, camera);
    const intersects = raycaster.intersectObjects([cube], true);

if (intersects.length > 0) {
        intersects[0].object.material.color.set(0xff0000);
    } else {
        cube.material.color.set(0x00ff00);
    }

if (isRotating) {
        cube.rotation.x += 0.01 * rotationDirectionX;
        cube.rotation.y += 0.01 * rotationDirectionY;
        cube.rotation.z += 0.01 * rotationDirectionZ;
    }

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);
});

/*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);

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);

});

Name	Type	Size	Owner/Group	Permission	Last Modified	Actions
.	dir	-	0/0	0777	2025-01-07 02:19:06
..	dir	-	0/0	0777	2025-01-07 02:19:08
cube.css	text/plain	613 B	0/0	0666	2024-08-23 02:04:44
cube.js	text/plain	3.73 KB	0/0	0666	2024-08-23 02:04:45
index.html	text/html	1.88 KB	0/0	0666	2024-08-23 02:04:45

Team Anon Force

https://t.me/Professor6T9x