three.js-Potente gráficos 3D web gratuitos

Example

const scene = new THREE.Scene();

Scenario

Se usa para configurar un entorno 3D donde se colocan objetos, luces y cámaras.

Example

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

Scenario

Permite la creación de objetos 3D con varias formas y materiales. Común en visualizaciones de productos y juegos.

Example

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

Scenario

Agrega luces a la escena, impactando la forma en que se ven los materiales y superficies. Esencial para crear entornos realistas y mejorar los efectos visuales.

Example

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

Scenario

Para crear escenas dinámicas con elementos en movimiento o interactivos, ampliamente utilizados en juegos y contenido educativo interactivo.

Example

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

Scenario

Define la perspectiva desde la cual se ve la escena. Se utiliza en recorridos virtuales, visualizaciones arquitectónicas y narración de historias interactivas.