función · three.js · sin escena ni cámara
crearSapo()
Una única función que construye un sapo completo —cuerpo regordete, ojos saltones con
párpado, saco gular, verrugas del lomo y cuatro patas— usando solo primitivas de
Three.js. Devuelve un THREE.Group listo para
scene.add(). La función viaja sola:
la escena, la cámara y la luz que ves aquí son solo de la demo.
- Devuelve
- 1 Group
- Primitivas
- ≈ 60
- Líneas
- —
el código
Una función. Un sapo.
Nada más.
// cargando…cómo usarla
Pegar, llamar y a la escena.
import * as THREE from 'three'; const sapo = crearSapo(); // ← devuelve un THREE.Group sapo.position.y = 0; escena.add(sapo); // tu escena, tu cámara, tus controles // Ganchos de animación incluidos en el modelo: sapo.userData.garganta; // escálala para croar sapo.userData.parpados; // escala su .y para parpadear sapo.userData.cuerpo; // respira con su escala sapo.userData.ojos; // rótalos para mirar alrededor
El userData del grupo expone las
partes móviles para que las animes sin buscar por el grafo:
sapo.userData.cuerpoEl cuerpo entero: pulsa su escala para respirar.
sapo.userData.gargantaSaco gular: inflándolo y desinflándolo croa.
sapo.userData.ojosDos grupos: rótalos y el sapo mira a donde quieras.
sapo.userData.parpadosSube su escala en Y un instante: parpadeo.
sapo.userData.bocaEl tubo de la sonrisa, por si quieres abrir la boca.