WoGL
ToolsCrea con shadersShader MakerCrea shaders gratis en líneaToolkitObras de shaders listas para tu webSketcher LabPinta el hero de tu landing con shaders3D StudioEl editor Three.js en tu navegador
GamesJuega con shadersOnomatoShaderEscribe una palabra y explótalaThe WatcherUn ojo que te sigueAetherVidrio líquido con un ojo adentroBloomcoreUna palabra hace crecer un jardín de luzPyrokineAvienta fuego a la paredVoltaicLa pirámide lanza rayosSurfSurfea un océano de shader
  1. WoGL Tools
  2. 3D Studio

3D Studio

Un editor Three.js en tu navegador

Compón escenas 3D con Three.js¿Qué es Three.js?Una librería de JavaScript que dibuja 3D en el navegador. Describes una escena con cámara, luces, mallas y materiales, y la renderiza con WebGL o WebGPU. y materiales TSL¿Qué es TSL?Three.js Shading Language: shaders escritos como funciones de JavaScript. Three.js los compila a WGSL para WebGPU o a GLSL para WebGL. sobre WebGPU¿Qué es WebGPU?La API gráfica más nueva de la web. Le da al navegador acceso directo a la GPU para dibujar y para calcular, con menos intermediarios que WebGL, su antecesora.: 9 familias, 28 presets, tus propios modelos y una guía que explica cada control al pasar el cursor.

Abrir 3D Studio →Cómo funciona
9 familias · 28 presets · GLB · PNGGratis

Qué puedes hacer

  1. 01

    Empieza con un preset

    9 familias, de arquitectura a partículas, y 28 presets listos para editar.

  2. 02

    Trae tus modelos

    Importa GLB, GLTF, OBJ o FBX; una revisión de salud cuenta triángulos y draw calls antes de cargarlos. Nada sale de tu equipo.

  3. 03

    Llévate tu escena

    Exporta un GLB¿Qué es un GLB?glTF binario: un solo archivo con las mallas, materiales, texturas y animaciones de una escena 3D. Blender, Three.js y casi cualquier herramienta 3D lo abren. o un PNG, copia prompts de IA calculados para tu equipo, o programa una capa viva con THREE y TSL.

Cómo funciona

  1. 1

    Elige

    Escoge una familia y un preset.

  2. 2

    Dale forma

    Mueve, rota y escala; cambia materiales y luz.

  3. 3

    Exporta

    Guarda un GLB para cualquier herramienta 3D o un PNG del cuadro.

Preguntas

¿3D Studio es gratis?

Sí. Tus proyectos se guardan en este navegador, sin cuenta.

¿Necesita WebGPU?

Usa WebGPU¿Qué es WebGPU?La API gráfica más nueva de la web. Le da al navegador acceso directo a la GPU para dibujar y para calcular, con menos intermediarios que WebGL, su antecesora. primero; donde el navegador no lo tiene, el mismo renderer pasa a WebGL 2.

¿Puedo abrir mi escena en Blender?

Sí. Exporta un GLB¿Qué es un GLB?glTF binario: un solo archivo con las mallas, materiales, texturas y animaciones de una escena 3D. Blender, Three.js y casi cualquier herramienta 3D lo abren.; Blender, Three.js y casi cualquier herramienta 3D lo abren.