three.js-無料の強力な3D Webグラフィックス

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

シーンが表示される視点を定義します。バーチャルツアー、建築ビジュアライゼーション、インタラクティブストーリーテリングに使用されます。