HTML5 & Graphics

2013.11.11 HTML5 Caravan Tokyo
Bathtimefish 村岡 正和
むらおか まさかず

村岡正和
@bathtimefish
Webアプリケーション開発 IT業務システム設計/開発
Webサービス導入/事業戦略コンサルティング
HTML5-WEST.jp代表 / html5j マークアップ部 部長 / HTML...
監修しました。

実例ごとの実装例がたくさん書いてあ
ります。ウェブサイト制作やCMSの運
用時に便利です。

好評販売中!!
HTML5
Graphic
How powerful is HTML5?
Demo

http://bit.ly/HIqZeg
HTML5
Graphic Tools&Libraries
http://html5gameengine.com/
https://github.com/bebraw/jswiki/wiki/Game-Engines
Canvas 2D
EASELJS

http://www.createjs.com/#!/EaselJS
SVG
Raphaël

http://raphaeljs.com/
Snap.svg

http://snapsvg.io/
CSS3
Sass & Compass

http://compass-style.org/
WebGL
Three.js

http://threejs.org/
appendix
asm.js
It makes you can manual memory management in JS!

http://asmjs.org/spec/latest/
compiled JS
C++ / C# -> JS
emscripten

https://github.com/kripken/emscripten
Google Web Designer

https://www.google.com/webdesigner/
Adobe Creative Cloud

http://www.adobe.com/jp/products/creativecloud.html
appendix
WebAudio

http://www.w3.org/TR/webaudio/
Web MIDI
Thanks!
Html5 and Graphics
Html5 and Graphics
Upcoming SlideShare
Loading in...5
×

Html5 and Graphics

379

Published on

Published in: Technology, Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
379
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
10
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Html5 and Graphics

  1. 1. HTML5 & Graphics 2013.11.11 HTML5 Caravan Tokyo Bathtimefish 村岡 正和
  2. 2. むらおか まさかず 村岡正和 @bathtimefish Webアプリケーション開発 IT業務システム設計/開発 Webサービス導入/事業戦略コンサルティング HTML5-WEST.jp代表 / html5j マークアップ部 部長 / HTML5 Experts.jp メンバー GDG京都 / CSS Nite in OSAKA / 神戸ITフェスティバル実行委員など HTML5-WEST.jp
  3. 3. 監修しました。 実例ごとの実装例がたくさん書いてあ ります。ウェブサイト制作やCMSの運 用時に便利です。 好評販売中!!
  4. 4. HTML5
  5. 5. Graphic
  6. 6. How powerful is HTML5?
  7. 7. Demo http://bit.ly/HIqZeg
  8. 8. HTML5 Graphic Tools&Libraries
  9. 9. http://html5gameengine.com/ https://github.com/bebraw/jswiki/wiki/Game-Engines
  10. 10. Canvas 2D
  11. 11. EASELJS http://www.createjs.com/#!/EaselJS
  12. 12. SVG
  13. 13. Raphaël http://raphaeljs.com/
  14. 14. Snap.svg http://snapsvg.io/
  15. 15. CSS3
  16. 16. Sass & Compass http://compass-style.org/
  17. 17. WebGL
  18. 18. Three.js http://threejs.org/
  19. 19. appendix
  20. 20. asm.js It makes you can manual memory management in JS! http://asmjs.org/spec/latest/
  21. 21. compiled JS C++ / C# -> JS
  22. 22. emscripten https://github.com/kripken/emscripten
  23. 23. Google Web Designer https://www.google.com/webdesigner/
  24. 24. Adobe Creative Cloud http://www.adobe.com/jp/products/creativecloud.html
  25. 25. appendix
  26. 26. WebAudio http://www.w3.org/TR/webaudio/
  27. 27. Web MIDI
  28. 28. Thanks!
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×