HTML5 & Graphics

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

村岡正和
@bathtimefish
Webアプリケーション開発 IT業務システム設計/開発
Webサービス導入/事業戦略コンサルティング
HTML5-WEST.jp代表 / html5j マークアップ部 部長 / HTML5 Experts.jp メンバー
GDG京都 / CSS Nite in OSAKA / 神戸ITフェスティバル実行委員など

HTML5-WEST.jp
監修しました。

実例ごとの実装例がたくさん書いてあ
ります。ウェブサイト制作や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!