three.js-Бесплатная, мощная 3D-графика для веб

Example

const scene = new THREE.Scene();

Scenario

Используется для настройки 3D-среды, где размещаются объекты, освещение и камеры.

Example

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

Scenario

Позволяет создавать 3D-объекты различных форм и материалов. Широко используется в визуализации продукции и играх.

Example

const light = new THREE.PointLight(0xffffff, 1, 100); light.position.set(50, 50, 50); scene.add(light);

Scenario

Добавляет источники света на сцену, влияя на то, как выглядят материалы и поверхности. Незаменимо для создания реалистичных сред и улучшения визуальных эффектов.

Example

function animate() { requestAnimationFrame(animate); cube.rotation.x += 0.01; renderer.render(scene, camera); }

Scenario

Для создания динамических сцен с движущимися или интерактивными элементами, широко используется в играх и интерактивном образовательном контенте.

Example

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

Scenario

Определяет перспективу, из которой видна сцена. Используется в виртуальных турах, архитектурной визуализации и интерактивном сторителлинге.