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

定义从哪个视角观察场景。用于虚拟游览,建筑可视化和交互式讲述。