En plena guerra Apple vs Adobe, que si flash se cuelga por un lado, que si javascript no sirve para animaciones por el otro…. veo en quenees una recopilación de “experimentos” hechos en javascript que simulan condiciones físicas (gravedad, colisiones, aceleraciones… etc.).

La mayoría, usan procesing.js, que para los que no lo sepáis, requiere un navegador basado en webkit… vamos, que si no entráis con chrome o safari no vais a ver mucho.

Son un claro ejemplo de lo que se puede hacer con HTML5 (y unas cuantas cañas, claro).

Cloth Simulation

Como si tuvieramos ropa tendida. La estiras, vuelve al sitio, se deforma….

Random Arboretum

Otra paranoya… también muy chula. No me preguntéis que simula o representa, por que no tengo ni pajolera idea….

Box2DJS

Cuando clickas aparece una caja en la posición del ratón, y reacciona con el entorno.

Ball Pool

Otro ejemplo de detección de colisiones. Donde clickas aparecen más bolas, que interactuan con las demás. Las que ya tenemos en el canvas, se pueden arrastrar para que empujen a las demás.

Google Gravity

Agrega gravedad a la página de búsqueda de google… y todo cae!

Wavy Scrollbars

Barras de scroll formando una ola.

Waterfall

A pesar de no poder interactuar con él, este me encanta. Van cayendo unas bolas sobre un “terreno”, dibujando su trayectoria.

physicSketch

Este es increible. Dibujas elementos, que van cayendo cuando sueltas el ratón. Puedes agregar más, eliminarlos, agruparlos…..

y a ti… ¿Cual te gusta más? ¿Conoces algún ejemplo más?