PUBLIC MARKS with tags firefox & canvas

By combining the capabilities of the video element introduced in Firefox 3.1 with a canvas, you can manipulate video data in real time to incorporate a variety of visual effects to the video being displayed. This article, adapted from this blog post by Paul Rouget, demonstrates how to perform chroma-keying (also known as the "green screen effect") using JavaScript code.

Algorithm Ink is a port and extension of Context Free by Aza Raskin. The original grammar was originally conceived of by Chris Coyne. Algorithm Ink uses open-web, standards-based tools: no plugins required. You can even right-click to save the drawings. The caveat is that Firefox 3, and Opera 9.5 are the only browsers to fully support Canvas, so it may run slower on Safari, and not at all in Internet Explorer.

Vous avez certainement pu voir la démo de l'horloge codée avec la technologie Canvas. Voici ce même exemple mais codé avec d'autres technologies. Comment fonctionne l'application originale ? Elle utilise une balise nommée <canvas/> qui permet de dessiner en Javascript. Conrètement, il y a un dessin pour le fond de l'horloge, et un dessin pour chaque aiguille. Via un code javascript du <canvas/>, les positions des aiguilles sont mises à jour. Le fait de pouvoir bouger l'horloge sur la page est une mise à jour des coordonnées du <div/> qui embarque l'horloge. C'est une jolie démo qui montre comment utiliser Canvas et ce que l'on peut en faire. René-Luc D'Hont vous propose exactement la même démo mais avec 2 autres technologies, le SVG et XBL. Ces démos ne sont visibles que sous Firefox 1.5.

"...a test using the new Canvas tag to demonstrate its capabilities."

Firefox显示强大3D渲染能力

要用 firefox 1.5 才看到的 FPS game

3D First-person shooter with Canvas