66 aplicaciones HTML5

[Ayudante De Santa]

[WeBMaSTeR_ShEvI]

66 aplicaciones HTML5


El futuro estándar HTML5 marcará el camino de Internet y la manera de trabajar en los próximos años, Les mostramos una lista de 67 ejemplos que ya hacen uso de HTML5 Canvas adelantándose al futuro. Hay aplicaciones de todo tipo, desde los populares juegos hasta aplicaciones de dibujo. Se trata de una plataforma de aplicaciones en la nube que sin duda alguna ayudarán a que sistemas operativos como Chrome OS se popularicen. Aunque eso sí, será necesario Internet.

Tarde de domingo, se ha acabado este pequeño adelanto de verano y prácticamente podríamos decir que va a llover si no lo está haciendo ya. Parece que tenemos tiempo de echar un ojo a lo que nos depara el futuro de Internet vía HTML 5. Gracias a muchas de las implementaciones del nuevo estándar, aplicaciones que estaban basadas en Adobe Flash podrán funcionar sin necesidad de dicho plugin ofreciendo una complejidad y funcionalidad similar.


http://muycomputer.com/files/264-16752-FOTO/html5.jpg

66 aplicaciones y demos HTML 5.


Nada menos que 66 aplicaciones y demostraciones tecnológicas que utilizan HTML 5 Canvas. Entre ellas destacamos varios juegos y utilidades que disponen de un aspecto muy acabado. Al ser HTML 5 tenemos que navegar con una aplicación compatible comoFirefox 3.6, Chrome o bien Safari y Opera. Les dejo una serie de enlaces estructurados según el tipo de aplicación:



Visualización de datos y gráficos


-RGraph: HTML5 canvas graphing library (http://www.rgraph.net/)


Aplicaciones

-Cartoon Builder (http://stevehanov.ca/blog/index.php?id=93)
-Harmony - a drawing tool (http://mrdoob.com/projects/harmony/)
-Bespin (https://bespin.mozilla.com/)
-Sketchpad (http://mugtug.com/sketchpad/)
-CanvasPaint (http://canvaspaint.org/)


Juegos

-Defender (http://www.scale18.com/canvas.html)
-Tetris (http://aduros.emufarmers.com/easel/)
-Thrust (http://joncom.be/experiments/thrust/)
-Etchaphysics (http://fokistudios.com/etchaphysics/)
-A shapes game (http://www.gartic.net/)
-Same Game (http://grenlibre.fr/demo/same/)
-Coverfire (http://www.wiicade.com/playJSGame.aspx?gameID=1317&gameName=Coverfire)
-Chain Reaction (adictivo) (http://www.yvoschaap.com/chainrxn/)
-Spectrum Emulator (http://jsspeccy.zxdemo.org/)
-JS Wars (http://29a.ch/jswars/)
-Berts Breakdown (http://www.paulbrunt.co.uk/bert/)
-Asteroids (http://www.kevs3d.co.uk/dev/asteroids/)
-Jetris (http://www.tommysmind.com/jetris/)
-RayCaster (https://developer.mozilla.org/samples/raycaster/RayCaster.html)
-Slide puzzle (http://nic-nac-project.de/%7Ejcm/index.php?nav=puzzle)
-A first person shooter (http://www.benjoffe.com/code/demos/canvascape/textures)
-Tetris 3D (http://www.benjoffe.com/code/games/torus/)
-Super Mario Kart (http://www.nihilogic.dk/labs/mariokart/)
-Breakout (http://billmill.org/static/canvastutorial/)
-Breakout (http://www.phpguru.org/article/an-html5-canvas-game-breakout) 2
-Twitch (http://reas.com/twitch/)
-3Bored (http://upsidedownturtle.com/boredboredbored/)



Relojes


-Canvas clocks (http://www.perisic.com/canvasclock/)
-A clock with numbers (http://www.phpguru.org/static/clock)
-CoolClock (http://randomibis.com/coolclock/)

Otros, demos y pruebas de concepto
Mathnimatics (http://tamats.com/canvas/)
CanvasMol (http://alteredqualia.com/canvasmol/)
A few high quality examples (http://www.benjoffe.com/)
Nebula cloud (http://www.professorcloud.com/mainsite/canvas-nebula.htm)
Video destruction (http://craftymind.com/factory/html5video/CanvasVideo.html)
3D examples (http://www.kevs3d.co.uk/dev/canvask3d/k3d_test.html#)
Animated examples (http://69.162.108.50/%7Emarklass/)
Space image effects (http://blak.spenced.com/stuff/k.html)
Particle animation demo (http://www.feedtank.com/labs/html_canvas/)
Space debris (http://www.ehk%c3%a4.fi/debris/)
Trippy patterns (http://tomtheisen.com/spread/)
Trippy Chillis (http://kevs3d.co.uk/dev/trippypeppers/)
"Many Lines" (http://open.adaptedstudio.com/html5/many-lines/)
Wave form doobry (http://modern-carpentry.com/workshop/html5/waveform/)
Rising bubbles (http://3.paulhamill.com/node/39)
Audio/Canvas experiment (http://9elements.com/io/projects/html5/canvas/)
An animation of a dragon (http://www.peerbox.com:8668/dragonheart.html)
An image evolution algorithm (http://alteredqualia.com/visualization/evolve/)
Gartic Canvas Sketch (http://www.gartic.com/sketch/)
Jigsaw puzzle (http://www.raymondhill.net/puzzle-rhill/jigsawpuzzle-rhill.php)
Physics example (http://box2d-js.sourceforge.net/index2.html)
A big green worm...? (http://pablosbrain.com/canvastest000/testpt2.html)
Pretty patterns (http://timelessname.com/canvas/experiment02/)
Chrome Experiments (http://www.chromeexperiments.com/)
PhysicSketch (http://physicsketch.app*********/)
Canvas Shell (http://mozilla.doslash.org/stuff/canvas/shell.html)
Canvas and native text functions (http://www.phpguru.org/static/rgraph-text)
CanvasBalls (http://www.phpguru.org/canvas-example.html)
Handwriting recognition (http://blog.monstuff.com/archives/images/JS-graffiti.html)
Pie Menu (http://people.mozilla.com/%7Ejdicarlo/piemenus.html)
Blob (http://www.blobsallad.se/)
Starfield (http://www.chiptune.com/starfield/starfield.html)
Image reflection (http://cow.neondragon.net/stuff/reflection/)
Movement tracker (http://www.mozbox.org/pub/tracker/)
Yahoo! Pipes (http://pipes.yahoo.com/pipes/)
A basic shapes example (http://devfiles.myopera.com/articles/418/canvasExample.html)
Drawing example (http://permadi.com/blog/?p=383.)