IDEAHUT Design Agency

get a quote

menu

Get in Touch.

Name
What is your preferred method of communication?
const scene = new THREE.Scene(); const camera = new THREE.PerspectiveCamera(75, window.innerWidth/window.innerHeight, 0.1, 1000); const renderer = new THREE.WebGLRenderer({ alpha: true }); renderer.setSize(window.innerWidth, 500); document.getElementById("cube-container").appendChild(renderer.domElement); // Cube geometry const geometry = new THREE.BoxGeometry(2, 2, 2); // Materials (you can replace images) const materials = [ new THREE.MeshBasicMaterial({ color: 0x111111 }), new THREE.MeshBasicMaterial({ color: 0x222222 }), new THREE.MeshBasicMaterial({ color: 0x333333 }), new THREE.MeshBasicMaterial({ color: 0x444444 }), new THREE.MeshBasicMaterial({ color: 0x555555 }), new THREE.MeshBasicMaterial({ color: 0x666666 }) ]; const cube = new THREE.Mesh(geometry, materials); scene.add(cube); camera.position.z = 5; function animate() { requestAnimationFrame(animate); cube.rotation.x += 0.01; cube.rotation.y += 0.01; renderer.render(scene, camera); } animate();