Impresionante simulación de agua en el navegador

captura-334

Aquí­ tenemos una de las nuevas maravillas que pueden hacerse con WebGL. Se trata, en este caso, de una aplicación que simula una bola dentro de una piscina. En ella podemos mover agua haciendo click en cualquier lugar, viendo como se generan olas y se desplazan por la superficie, con efectos tan realistas que parece imposible que se trate únicamente de una aplicación web.

El sistema permite la interacción con el teclado, ya que podemos cambiar la orientación de la luz con solo pulsar la letra L. También podemos girar entera la piscina, y hacer que la bola flote, un efecto realmente sorprendente cuando vemos las olas que se generan al aparecer sobre la superficie.
Continúa leyendo «Impresionante simulación de agua en el navegador»

Publicado en

WebGL Globes, varias opciones para visualizar la Tierra

webgl

Desde GoogleMapsMania nos traen una bonita lista con varias opciones para visualizar el planeta Tierra, dándole prioridad a distintos elementos según el mapa, y todas ellas funcionando con WebGL – tecnologí­a dedicada especí­ficamente a la visualización de gráficos en 3D desde el mismo navegador web.

Empecemos por WebGL WeatherGlobe, una bonita visualización de nuestro planeta que, simplemente, nos desplegará iconos con las distintas condiciones climáticas en los rincones de la Tierra. Podremos rotar, hacer zoom y desplegar el clima de cualquier región manualmente gracias a la barra de búsqueda.

Si nos interesan las caracterí­sticas geográficas más que el clima echémosle un vistazo a World Elevation, un globo terráqueo que nos mostrará las diferentes elevaciones de terreno en el mundo con lí­neas de colores (estilo mapa de calor) y de distintas longitudes según la altitud.

En el mundo del WebGL también podemos consultar datos sobre GitHub y su repositorio de código, como en este mapa que nos muestra la influencia de GitHub alrededor del mundo basándose en el número de usuarios que utilizan el servicio en las diferentes regiones (encontramos un mapa similar a éste pero mapeando los usuarios de Google+).

Para los que miren todaví­a más allá, también es posible curiosear por la Luna y por Marte con este globo de la Tierra y su satélite y con este modelo comparativo de la Tierra y el planeta rojo.

Simulación de agua en Chrome, un experimento con WebGL

webgl

Aún recuerdo cuando estudiábamos en la universidad, allá en la década de los 90, los sistemas existentes para simular agua por ordenador. Los dibujos animados, cada vez más sofisticados, eran ejemplos que se explicaban en las clases como grandes avances realizados por decenas de ordenadores simulando en paralelo… eran otros tiempos.

Casi 20 años después tenemos una impresionante simulación de agua dentro de chromeexperiments.com, un programa creado por Evan Wallace usando WebGl, simulación que, para que funcione perfectamente, requiere una tarjeta gráfica decente y drivers actualizados.

Podemos mover el ratón dentro de la piscina, mover la esfera, crear olas… todo al mismo tiempo que disfrutamos de movimientos extremadamente realistas, sombras y reflejos que podemos ver en este ví­deo que aquí­ os dejamos, para los que no tengáis un ordenador tan potente:

Continúa leyendo «Simulación de agua en Chrome, un experimento con WebGL»

30 alucinantes e inspiradores experimentos con WebGL en Chrome

Aunque aún no es lo suficientemente segura como para empezar a ser un estándar web oficial, que una buena proporción de usuarios le utilice, la tecnologí­a WebGL (junto a la del HTML5 protagonista en una reciente entrada) es sin duda una de las mejores plataformas para empezar a trabajar en una mejor experiencia gráfica en navegadores. Como muestra de la calidad de lo realizado en la plataforma, o bien para inspirarse y ya empezar con un proyecto serio, están aquí­ algunos de los mejores ejemplares:

WebGL Globe: Una fascinante visualización de datos geográficos situados en un globo terráqueo virtual. Ha sido desarrollado por el equipo de Google Data Arts y cualquiera puede utilizar su código.

WebGL Bookcase: Un estanterí­a animada con decenas de libros, especialmente bestsellers, tomados desde la enorme biblioteca de Google Books. Al pulsar sobre alguno será mostrada una vista previa del libro con el enlace a GBooks.

Photo Particles: Arrastra cualquier imagen al campo de la aplicación para que al instante sea convertida en montones de partí­culas atraí­das por tres centros de gravedad según su proporción de color: rojo, verde y azul.

Material Cars: Un grupo de autos de lujo (Lamborghini Gallardo, Bugatti Veyron, Ferrari F50 y Chevy Camaro) con un espectacular trabajo de renderizado: desde los detalles emulados de los modelos reales, hasta los reflejos y luces en la carrocerí­a. La vistas y los colores se pueden cambiar.

WebGL Aquarium: Muy popular por ser promocionado y comparado su funcionamiento en Internet Explorer 9. Puede modificarse la cantidad de peces, el ángulo de visión y la presencia de varios elementos en el acuario.

Undulating Monkey: Una cabeza tridimensional de un simio cuya masa se altera en forma de ondas según la velocidad, magnitud y ejes que querramos utilizar. También puede rotarse con sólo oprimir y arrastrar con el mouse.

WebGL Filter: Un editor de imágenes muy completo, muy intuitivo y muy ligero. Sólo carga una imagen ya sea desde el PC o del grupo de predeterminadas en la aplicación, y empieza a probar con las herramientas de diseño dispuestas a la izquierda: sombras, filtros, efectos, curvas, formas, etc.

Surface: De nuevo, carga una imagen (arrastrándola hasta el navegador) o utiliza el paisaje presentado en la superficie flotante para jugar un rato con las ondulaciones tridimensionales generadas al pasarle el mouse encima.

Helloracer: Un elegante carro de Fórmula 1 modelado en 3D y controlado por nuestras acciones, especí­ficamente las flechas de desplazamiento del teclado. Las cámaras son automáticas y la velocidad de respuesta es exquisita.

My Robot Nation:


Una fábrica de robots representada en forma de intuitivo editor en el que iremos agregando y cambiando miembro por miembro de nuestro juguete virtual. Es tal el nivel de funcionalidad que puede comprarse su modelo real (conseguido a través de una impresora 3D).

El resto de listado puedes verlo en Hongkiat, fuente original de la recopilación.

Gdominion – Juego de estrategia espacial creado con WebGL


Jaime Maza nos presenta Gdominion, un nuevo juego web de estrategia espacial desarrollado en Webgl, permitiendo disfrutar de gráficos en 3d en los navegadores que la soportan sin necesidad de ningún plugin adicional.
Compatible con Chrome, Firefox, Opera y Safari, han trabajado mucho en el aspecto visual, aunque la parte estratégica también es bastante atractiva, teniendo como objetivo hacerse con el control de la galaxia.
Algo que no podí­a faltar, claro, integración con Facebook:

Al usar las cuentas de Facebook intentamos darle un potente empujón social al juego, pero sin caer en imitaciones de imitaciones de juegos como cityville, farmville, etc…puedes invitar y jugar contra tus amigos de Facebook en el mismo terreno y realizar acciones que tus amigos podrán ver en tiempo real.

De momento lo lanzan en fase beta, prestando toda la atención en los usuarios activos para poder seguir cambiando el juego según las necesidades, peticiones y «sabidurí­a popular».

Google Chrome añade WebGL y otras novedades en su versión estable

Desde el blog de Chrome acaban de informar que su versión estable ya incluye, entre otras cosas, WebGL, lo que significa que podemos disfrutar del fantástico Google Body Browser sin necesidad de instalar ninguna versión en pruebas.
WebGL es una tecnologí­a que nos permite disfrutar de la aceleración (hardware) de gráficos en 3D en el navegador de Internet, lo que nos permitirá acceder a aplicaciones tridimensionales de forma sencilla y práctica.
Si queréis ver algunos de los experimentos 3D que ya pueden disfrutarse con esta nueva versión, acceded a www.chromeexperiments.com/webgl y dedicadle la tarde entera.

También incluye Google Instant, para acelerar los resultados mientras escribimos la búsqueda y facilitar el acceso a los sitios que visitamos con más frecuencia.
Buenas noticias para quien es usuario de este navegador de Internet.