Threejs3D Code Play

Threejs3D Code Play te ayuda a aprender Three.js editando código y viendo el resultado como una escena 3D interactiva. Empieza con un ejemplo, modifica su HTML y JavaScript, y luego ejecuta tu versión en la app.

APRENDE CON ESCENAS PRÁCTICAS

Explora 99 ejemplos en experimentos de aprendizaje y escenas animadas predefinidas. Comienza con formas, materiales, iluminación y cámaras, y luego investiga partículas, sombreadores e interacción. Prueba con un sistema solar, olas del océano o una escena abstracta animada si necesitas un punto de partida más amplio.

Cinco rutas de aprendizaje organizan los ejemplos en fundamentos, geometría, color y luz, movimiento y un taller creativo. Marca las lecciones como completadas, continúa por una ruta, guarda ejemplos útiles como favoritos y regresa a las escenas abiertas recientemente.

EDITA, EJECUTA E INVESTIGA

Abre un ejemplo en el editor de código o comienza un nuevo proyecto con una importación de Three.js ya hecha. Usa el resaltado de sintaxis, deshacer y rehacer, buscar y reemplazar, y ve a la línea mientras trabajas. Cambia a la vista previa de ejecución para ver el código actual e inspeccionar los mensajes o errores de la consola.

Arrastra para orbitar y pellizca para hacer zoom en las vistas previas de escenas incluidas. En las escenas compatibles, los controles en vivo te permiten explorar el color, la velocidad de la animación, la iluminación, la geometría y los fondos sólidos o degradados. Los controles disponibles dependen de la escena.

GUARDA TUS EXPERIMENTOS

Guarda proyectos con nombre y ábrelos desde Tus proyectos. Abre archivos HTML para continuar editando el trabajo existente o usa Guardar como para guardar una copia aparte.

Exporta o comparte un proyecto como HTML o ZIP. Las exportaciones incluyen las bibliotecas Three.js incluidas; los recursos externos personalizados permanecen externos. Extrae un ZIP y sirve su carpeta a través de HTTP para abrir el proyecto fuera de la aplicación.

ANIMA TU FONDO DE PANTALLA

En dispositivos Android compatibles con el soporte nativo necesario, envía una escena animada a la vista previa del fondo de pantalla del sistema y confirma tu elección allí. Los destinos de fondo de pantalla disponibles dependen del dispositivo.

Diseñado para estudiantes, aficionados y desarrolladores web que desean practicar la programación 3D mediante pequeños experimentos. Los ejemplos incluidos utilizan bibliotecas locales; Los recursos remotos personalizados y la publicidad pueden requerir acceso a internet. La aplicación incluye publicidad.