HTML5 and Graphics
-
Upload
masakazu-muraoka -
Category
Technology
-
view
440 -
download
0
description
Transcript of HTML5 and Graphics
![Page 1: HTML5 and Graphics](https://reader034.fdocument.pub/reader034/viewer/2022051818/54b6e7f14a7959f7708b4696/html5/thumbnails/1.jpg)
HTML5 & Graphics
2013.12.21 Androidの会忘年会勉強会Bathtimefish 村岡 正和
![Page 2: HTML5 and Graphics](https://reader034.fdocument.pub/reader034/viewer/2022051818/54b6e7f14a7959f7708b4696/html5/thumbnails/2.jpg)
HTML5-WEST.jp代表 / html5j マークアップ部 部長 / HTML5 Experts.jp メンバーGDG京都 / CSS Nite in OSAKA / 神戸ITフェスティバル実行委員など
むらおか まさかず
村岡正和
HTML5-WEST.jp
Webアプリケーション開発 IT業務システム設計/開発Webサービス導入/事業戦略コンサルティング
@bathtimefish
![Page 3: HTML5 and Graphics](https://reader034.fdocument.pub/reader034/viewer/2022051818/54b6e7f14a7959f7708b4696/html5/thumbnails/3.jpg)
監修しました。
実例ごとの実装例がたくさん書いてあります。ウェブサイト制作やCMSの運用時に便利です。
好評販売中!!
![Page 4: HTML5 and Graphics](https://reader034.fdocument.pub/reader034/viewer/2022051818/54b6e7f14a7959f7708b4696/html5/thumbnails/4.jpg)
コミックマーケット85
Firefox OSの薄い本書きました。
3日目
2013.12.31(Tru)
西地区“す”ブロック-24a
にて販売予定!
![Page 5: HTML5 and Graphics](https://reader034.fdocument.pub/reader034/viewer/2022051818/54b6e7f14a7959f7708b4696/html5/thumbnails/5.jpg)
JavaScript
runs anyware.
![Page 6: HTML5 and Graphics](https://reader034.fdocument.pub/reader034/viewer/2022051818/54b6e7f14a7959f7708b4696/html5/thumbnails/6.jpg)
hardware(GPIO)control
by CoffeeScript
![Page 7: HTML5 and Graphics](https://reader034.fdocument.pub/reader034/viewer/2022051818/54b6e7f14a7959f7708b4696/html5/thumbnails/7.jpg)
HTML5
![Page 8: HTML5 and Graphics](https://reader034.fdocument.pub/reader034/viewer/2022051818/54b6e7f14a7959f7708b4696/html5/thumbnails/8.jpg)
![Page 9: HTML5 and Graphics](https://reader034.fdocument.pub/reader034/viewer/2022051818/54b6e7f14a7959f7708b4696/html5/thumbnails/9.jpg)
Graphic
![Page 10: HTML5 and Graphics](https://reader034.fdocument.pub/reader034/viewer/2022051818/54b6e7f14a7959f7708b4696/html5/thumbnails/10.jpg)
![Page 11: HTML5 and Graphics](https://reader034.fdocument.pub/reader034/viewer/2022051818/54b6e7f14a7959f7708b4696/html5/thumbnails/11.jpg)
How powerful is?
![Page 12: HTML5 and Graphics](https://reader034.fdocument.pub/reader034/viewer/2022051818/54b6e7f14a7959f7708b4696/html5/thumbnails/12.jpg)
Demo
http://bi t . ly/HIqZeg
![Page 13: HTML5 and Graphics](https://reader034.fdocument.pub/reader034/viewer/2022051818/54b6e7f14a7959f7708b4696/html5/thumbnails/13.jpg)
HTML5Graphic Tools&Libraries
![Page 14: HTML5 and Graphics](https://reader034.fdocument.pub/reader034/viewer/2022051818/54b6e7f14a7959f7708b4696/html5/thumbnails/14.jpg)
http://html5gameengine.com/
https://github.com/bebraw/jswiki/wiki/Game-Engines
![Page 15: HTML5 and Graphics](https://reader034.fdocument.pub/reader034/viewer/2022051818/54b6e7f14a7959f7708b4696/html5/thumbnails/15.jpg)
Canvas 2D
![Page 16: HTML5 and Graphics](https://reader034.fdocument.pub/reader034/viewer/2022051818/54b6e7f14a7959f7708b4696/html5/thumbnails/16.jpg)
EASELJS
http://www.createjs.com/#!/EaselJS
![Page 17: HTML5 and Graphics](https://reader034.fdocument.pub/reader034/viewer/2022051818/54b6e7f14a7959f7708b4696/html5/thumbnails/17.jpg)
SVG
![Page 19: HTML5 and Graphics](https://reader034.fdocument.pub/reader034/viewer/2022051818/54b6e7f14a7959f7708b4696/html5/thumbnails/19.jpg)
Snap.svg
http://snapsvg.io/
![Page 20: HTML5 and Graphics](https://reader034.fdocument.pub/reader034/viewer/2022051818/54b6e7f14a7959f7708b4696/html5/thumbnails/20.jpg)
CSS3
![Page 22: HTML5 and Graphics](https://reader034.fdocument.pub/reader034/viewer/2022051818/54b6e7f14a7959f7708b4696/html5/thumbnails/22.jpg)
![Page 23: HTML5 and Graphics](https://reader034.fdocument.pub/reader034/viewer/2022051818/54b6e7f14a7959f7708b4696/html5/thumbnails/23.jpg)
Compass
![Page 24: HTML5 and Graphics](https://reader034.fdocument.pub/reader034/viewer/2022051818/54b6e7f14a7959f7708b4696/html5/thumbnails/24.jpg)
WebGL
![Page 26: HTML5 and Graphics](https://reader034.fdocument.pub/reader034/viewer/2022051818/54b6e7f14a7959f7708b4696/html5/thumbnails/26.jpg)
future
![Page 27: HTML5 and Graphics](https://reader034.fdocument.pub/reader034/viewer/2022051818/54b6e7f14a7959f7708b4696/html5/thumbnails/27.jpg)
emscripten
https://github.com/kripken/emscripten
![Page 28: HTML5 and Graphics](https://reader034.fdocument.pub/reader034/viewer/2022051818/54b6e7f14a7959f7708b4696/html5/thumbnails/28.jpg)
compiled JSC++ / C# -> JS
![Page 29: HTML5 and Graphics](https://reader034.fdocument.pub/reader034/viewer/2022051818/54b6e7f14a7959f7708b4696/html5/thumbnails/29.jpg)
asm.js
http://asmjs.org/spec/latest/
It makes you can manual memory management in JS!
![Page 30: HTML5 and Graphics](https://reader034.fdocument.pub/reader034/viewer/2022051818/54b6e7f14a7959f7708b4696/html5/thumbnails/30.jpg)
WebAudio
http://www.w3.org/TR/webaudio/
![Page 31: HTML5 and Graphics](https://reader034.fdocument.pub/reader034/viewer/2022051818/54b6e7f14a7959f7708b4696/html5/thumbnails/31.jpg)
Web MIDI
![Page 32: HTML5 and Graphics](https://reader034.fdocument.pub/reader034/viewer/2022051818/54b6e7f14a7959f7708b4696/html5/thumbnails/32.jpg)
Thanks!