Mozilla Party 2009 Canvas Programming

Satoshi Ueyama 2009 5 31

2009 5 31

Canvas Javascript • • • DIV 2009 5 31

Twitter bot Twitter 2009 5 31

Twitter bot 2009 5 31

Canvas? • Google App Engine • • 2009 5 31

Canvas? • Google App Engine • • API 2009 5 31

Canvas? • • • ImageMagick 2009 5 31

Canvas? • Flash • • • • 2009 5 31

2009 5 31

• • • …… excanvas 2009 5 31

IE Canvas • IE Acid2 • • 2009 5 31

2009 5 31

3D on 2D Canvas Adobe MAX 2009 Canvas …… 3D 2009 5 31

3D on 2D Canvas 2D Context 3D http://gyu.que.jp/jscloth/ 2009 5 31

Canvas 2D API texture • save • transform • clip path • restore canvas 2009 5 31

Canvas 2D API • save • transform • clip path • restore canvas 2009 5 31

js touch 2009 5 31

js touch • • • 2009 5 31

Canvas 2D API • • Flash10, Direct3D, OpenGL • Canvas ! 2D API … 2009 5 31

2009 5 31

• Opera 3D Canvas • Mozilla 3D Canvas • Google O3D 2009 5 31

Opera 3D Canvas • • API Opera Labs 2009 5 31

2009 5 31

Opera 3D Canvas js touch 2009 5 31

Opera 3D Canvas 2009 5 31

O3D • (IE, Firefox, Safari Chrome) • API • Canvas object 2009 5 31

2009 5 31

O3D 2009 5 31

Gecko 3D Canvas • Firefox 3.5 • OpenGL ES 2.0 JS 2009 5 31

2009 5 31

Firefox 3D Canvas • OpenGL ES • …… 2009 5 31

• Opera • Gecko • O3D … 2009 5 31

Thank You. Canvas 3D Canvas 2009 5 31

by gyuque on May 30, 2009