three.js-Graphique 3DWeb gratuit et puissant

Example

const scene = new THREE.Scene();

Scenario

Utilisé pour la mise en place d'un environnement 3D où des objets, des lumières et des caméras sont placés.

Example

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

Scenario

Permet la création d'objets 3D avec diverses formes et matériaux. Commun dans les visualisations de produits et les jeux.

Example

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

Scenario

Ajoute des lumières à la scène, impactant la façon dont les matériaux et les surfaces apparaissent. Essentiel pour créer des environnements réalistes et améliorer les effets visuels.

Example

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

Scenario

Pour créer des scènes dynamiques avec des éléments mobiles ou interactifs, largement utilisé dans les jeux et le contenu pédagogique interactif.

Example

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

Scenario

Définit la perspective à partir de laquelle la scène est vue. Utilisé dans les visites virtuelles, les visualisations architecturales et le storytelling interactif.