Los premios de diseño, creatividad e innovación en internet

Hay bibliotecas para facilitar la inmensa tarea de crear una escena tridimensional directamente en WebGL, como ya sabes, Tres.js es el más utilizado, pero no el único. Hay una buena cantidad de frameworks, herramientas, motores de juegos y bibliotecas con los que también vale la pena experimentar.

Puede encontrar frameworks especializados en WebVR como A-Frame y los motores de Renderizado Basados en Física (PBR) que crean escenas sorprendentes y materiales altamente realistas en nuestro navegador. Debes recordar el fantástico sitio «For Honor Scars» cuyas texturas, iluminación y rendimiento nos dejaron con la boca abierta. En este caso en particular, utilizaron un micro framework WebGL llamado nanogl.

WebGL no es solo para escenas 3D y Pixi.js llegó para facilitar la creación y el enriquecimiento de efectos visuales, aplicando sombreadores a escenas 2D y mejorando notablemente la representación de esos efectos. WebGL, por otro lado, se ha convertido en el entorno perfecto para la implementación de IA, por ejemplo, en este artículo «Cómo puede usar sombreadores de IA, AR y WebGL para ayudar a las personas con discapacidad visual», puede leer sobre una aplicación que ayuda a las personas con discapacidad visual a detectar objetos en su entorno. La aplicación utiliza un casco de realidad virtual y aplica un sombreador, «Detección de bordes», para reconocer objetos mediante algoritmos de visión artificial. Este es solo uno de los cientos de ejemplos que puedes encontrar, al igual que los famosos Experimentos de IA de Google. WebGL también es, por supuesto, la base para API que incluyen WebAudio, WebVR y el futuro WebXR.

30. Sitios Web experimentales de WebGL ☆

Esta es solo una pequeña selección de los sitios WebGL más recientes, pero si desea mirar hacia atrás en la historia de los mejores proyectos de los últimos años, vaya a nuestra colección WEBGL o busque utilizando la etiqueta WebGL en tecnologías. También puedes explorar las Tres etiquetas.js o Pixi.todos los js muestran fabulosos ejemplos del uso de WebGL.

Deja una respuesta

Tu dirección de correo electrónico no será publicada.