HTML5 et canvas

< Programmation Web <
TwitterFacebook
Get flash to fully experience Pearltrees

Creating pseudo 3D games with HTML 5 canvas and raycasting - Ope

http://dev.opera.com/articles/view/creating-pseudo-3d-games-with-html-5-can-1/ In this article, I'll deconstruct the latter project and go through the details of how to create your own pseudo-3D raycasting engine.
In the first article, rendering and game logic was tied together in the same timer for the sake of simplicity.

Creating pseudo 3D games with HTML 5 canvas and raycasting: Part

http://dev.opera.com/articles/view/3d-games-with-canvas-and-raycasting-part/
http://blog.nihilogic.dk/2009/02/html5-canvas-cheat-sheet.html There are cheat sheets for just about anything out there but I couldn't find one for the HTML5 canvas element, so I decided to do something about that, mostly for my own sake but if other people find it useful that's just all the better. The information is pretty much just a copy of what is found in the WHATWG specs , just condensed and hopefully a bit easier to read.

HTML5 Canvas Cheat Sheet - Nihilogic

Tutoriel canvas - MDC

https://developer.mozilla.org/fr/Tutoriel_canvas La première apparition de a eu lieu dans le Dashboard de Mac OS X par Apple, et celui-ci a ensuite été intégré dans Safari. Les navigateurs basés sur Gecko 1.8, comme Firefox 1.5, permettent également d'utiliser ce nouvel élément.
https://developer.mozilla.org/fr/Dessiner_avec_canvas Introduction Depuis Firefox 1.5 , Firefox comprend un nouvel élément HTML servant à dessiner programmatiquement.

Dessiner avec canvas - MDC

https://developer.mozilla.org/fr/Tutoriel_canvas/Transformations#Transformations

Transformations - MDC

Enregistrement et restauration d'états
http://people.mozilla.org/~jkew/woff/

Woff fonts

To convert existing TrueType/OpenType fonts to WOFF format (subject to appropriate licensing), there is a simple command-line tool sfnt2woff . Precompiled versions for Mac OS X and for Windows are available. Simply run sfnt2woff at a command prompt for a brief "usage" message.
Taking advantage of the new capabilities of HTML5 and CSS3 can mean sacrificing control over the experience in older browsers. http://www.modernizr.com/

Modernizr

background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f1cb), color-stop(0.33, #f0ced6), color-stop(0.66, #ced3f0), to(#d2f0ce)); background-image: -webkit-gradient(linear, left center, right center, from(#f2f1cb), color-stop(0.33, #f0ced6), color-stop(0.66, #ced3f0), to(#d2f0ce)); background-image: -webkit-linear-gradient(left center, right center, from(#f2f1cb), color-stop(0.33, #f0ced6), color-stop(0.66, #ced3f0), to(#d2f0ce));

mgeraci/Less-Boilerplate

A modern, HTML5-ready alternative to CSS resets

Normalize CSS : necolas/normalize.css @ GitHub

CSS load callbacks were taken out by default and put in an official plugin.

yepnope.js | A Conditional Loader For Your Polyfills!