Конечно! Я создал простую Three.js сцену с вращающимся кубом. Вот код для этой сцены:
// Set up scene
const scene = new THREE.Scene();
const camera = new THREE.PerspectiveCamera(75, 1, 0.1, 1000);
const renderer = new THREE.WebGLRenderer();
renderer.setSize(400, 400);
document.getElementById('three-container').appendChild(renderer.domElement);
// Create cube
const geometry = new THREE.BoxGeometry();
const material = new THREE.MeshPhongMaterial({color: 0x0000ff});
const cube = new THREE.Mesh(geometry, material);
scene.add(cube);
// Add lighting
const light = new THREE.PointLight(0xffffff, 1, 100);
light.position.set(0, 0, 10);
scene.add(light);
camera.position.z = 5;
// Animation
function animate() {
requestAnimationFrame(animate);
cube.rotation.x += 0.01;
cube.rotation.y += 0.01;
renderer.render(scene, camera);
}
animate();
// Add orbit controls
const controls = new THREE.OrbitControls(camera, renderer.domElement);
controls.enableDamping = true;
controls.dampingFactor = 0.25;
controls.enableZoom = true;
Этот код создает сцену с синим вращающимся кубом. Вы можете увидеть результат выполнения этого кода в правой панели. Вот краткое описание того, что происходит:
1. Создается сцена, камера и рендерер Three.js.
2. Добавляется куб с синим цветом.
3. Добавляется освещение, чтобы куб был виден.
4. В функции анимации куб вращается.
5. Добавлены орбитальные элементы управления для интерактивности.
Вы можете взаимодействовать со сценой, перемещая мышь для изменения угла обзора. Наслаждайтесь простой, но эффектной 3D-сценой!