Estudio de esfera de vidrio líquido

Diseña una esfera de vidrio animada y expórtala como PNG transparente, WebM en bucle o HTML independiente.

Processed on this page. No uploads. Your input is not saved.

Vista previa en vivo

Renderizador de shader WebGL2

No se envían entradas ni ajustes. El renderizado se realiza en este navegador.

Preparando la vista previa…

Fondo

La transparencia de WebM varía según el códec del navegador; comprueba el resultado en tu editor.

Shader de fragmentos

Crea una esfera de vidrio para un proyecto web

Elige un preajuste, ajusta la esfera y los reflejos y exporta un PNG transparente para una maqueta, un bucle de seis segundos o un renderizador HTML independiente.

Ejemplo y resultado esperado

Ejemplo: elige Aurora y mantén la transparencia. La exportación de 1024 px genera un PNG de 1024 × 640 con espacio transparente alrededor. El canal alfa de WebM depende del códec y del editor.