Volume

import * as THREE from 'three';
const renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true });
renderer.setPixelRatio(Math.min(devicePixelRatio, 2));
document.body.appendChild(renderer.domElement);
const scene = new THREE.Scene();
const camera = new THREE.PerspectiveCamera(42, 1, 0.1, 100);
camera.position.set(2.6, 1.8, 3.2);
camera.lookAt(0, 0, 0);
scene.add(new THREE.HemisphereLight(0xbfd4ff, 0x14141f, 1.6));
const key = new THREE.DirectionalLight(0xffffff, 1.4);
key.position.set(3, 4, 2);
scene.add(key);
const box = new THREE.LineSegments(
  new THREE.EdgesGeometry(new THREE.BoxGeometry(2.4, 2.4, 2.4)),
  new THREE.LineDashedMaterial({ color: 0x6c7bd8, dashSize: 0.12, gapSize: 0.1, transparent: true, opacity: 0.55 })
);
box.computeLineDistances();
scene.add(box);
const obj = new THREE.Mesh(
  new THREE.IcosahedronGeometry(0.85, 0),
  new THREE.MeshStandardMaterial({ color: 0xff7a59, metalness: 0.3, roughness: 0.35, flatShading: true })
);
scene.add(obj);
function resize() { renderer.setSize(innerWidth, innerHeight); camera.aspect = innerWidth / innerHeight; camera.updateProjectionMatrix(); }
addEventListener('resize', resize); resize();
renderer.setAnimationLoop((t) => {
  obj.rotation.y = t * 0.00055;
  obj.rotation.x = Math.sin(t * 0.00035) * 0.3;
  renderer.render(scene, camera);
});