three.js-Kostenlose, leistungsstarke 3D-Webgrafik

Example

const scene = new THREE.Scene();

Scenario

Wird zur Einrichtung einer 3D-Umgebung verwendet, in der Objekte, Lichter und Kameras platziert werden.

Example

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

Scenario

Ermöglicht die Erstellung von 3D-Objekten mit verschiedenen Formen und Materialien. Gängig in der Produktvisualisierung und beim Gaming.

Example

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

Scenario

Fügt der Szene Lichter hinzu, die sich auf die Darstellung von Materialien und Oberflächen auswirken. Unverzichtbar für die Erstellung realistischer Umgebungen und die Verbesserung visueller Effekte.

Example

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

Scenario

Zur Erstellung dynamischer Szenen mit sich bewegenden oder interaktiven Elementen, wird häufig in Spielen und interaktiven Bildungsinhalten verwendet.

Example

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

Scenario

Definiert die Perspektive, aus der die Szene betrachtet wird. Wird bei virtuellen Touren, architektonischen Visualisierungen und interaktivem Storytelling verwendet.