1. Satoshi Ueyama
2009 5 31

2. 2009 5 31

3. Canvas
Javascript
•
•
• DIV
2009 5 31

4. Twitter bot
Twitter
2009 5 31

5. Twitter bot
2009 5 31

6. Canvas?
• Google App Engine
•
•
2009 5 31

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

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

9. Canvas?
•
•
• ImageMagick
2009 5 31

10. Canvas?
•
Flash
•
•
•
•
2009 5 31

11. 2009 5 31

12. 2009 5 31

13. •
•
• ……
excanvas
2009 5 31

14. IE Canvas
• IE Acid2
•
•
2009 5 31

15. 2009 5 31

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

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

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

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

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

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

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

23. js touch
2009 5 31

24. js touch
•
•
•
2009 5 31

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

26. 2009 5 31

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

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

29. 2009 5 31

30. Opera 3D Canvas
js touch
2009 5 31

31. Opera 3D Canvas
js touch
2009 5 31

32. Opera 3D Canvas
2009 5 31

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

34. 2009 5 31

35. O3D
2009 5 31

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

37. 2009 5 31

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

39. • Opera
• Gecko
• O3D …
2009 5 31

40. Thank You.
Canvas
3D Canvas
2009 5 31