html5 exam : checking answers
DESCRIPTION
TRANSCRIPT
![Page 1: HTML5 exam : checking answers](https://reader034.vdocuments.net/reader034/viewer/2022051514/54b79f8e4a795998738b4634/html5/thumbnails/1.jpg)
about Graphics
@yomotsu
Thursday, November 22, 12
![Page 2: HTML5 exam : checking answers](https://reader034.vdocuments.net/reader034/viewer/2022051514/54b79f8e4a795998738b4634/html5/thumbnails/2.jpg)
• 2D Canvas描画、円の重なり順
•WebGLを管理する団体について
• SVGのaタグについて
Webグラフィクスな問題
Thursday, November 22, 12
![Page 3: HTML5 exam : checking answers](https://reader034.vdocuments.net/reader034/viewer/2022051514/54b79f8e4a795998738b4634/html5/thumbnails/3.jpg)
Thursday, November 22, 12
![Page 4: HTML5 exam : checking answers](https://reader034.vdocuments.net/reader034/viewer/2022051514/54b79f8e4a795998738b4634/html5/thumbnails/4.jpg)
• 単純な描画だけがCanvasの仕事ではない
•画像生成/加工 (画像の取り込み)
•画像解析 (ピクセルの扱い)
•ゲーム (パフォーマンスを活かす)
2D Canvasの応用
Thursday, November 22, 12
![Page 5: HTML5 exam : checking answers](https://reader034.vdocuments.net/reader034/viewer/2022051514/54b79f8e4a795998738b4634/html5/thumbnails/5.jpg)
http://www.contrejour.ie/
Thursday, November 22, 12
![Page 6: HTML5 exam : checking answers](https://reader034.vdocuments.net/reader034/viewer/2022051514/54b79f8e4a795998738b4634/html5/thumbnails/6.jpg)
demohttps://dl.dropbox.com/u/1236764/ccv/laughingman.html
Thursday, November 22, 12
![Page 7: HTML5 exam : checking answers](https://reader034.vdocuments.net/reader034/viewer/2022051514/54b79f8e4a795998738b4634/html5/thumbnails/7.jpg)
Thursday, November 22, 12
![Page 10: HTML5 exam : checking answers](https://reader034.vdocuments.net/reader034/viewer/2022051514/54b79f8e4a795998738b4634/html5/thumbnails/10.jpg)
• WebGLは3DのAPI
• OpenGL ES2.0がベース
•OpenGLを知らない人でも
three.jsを利用すれば導入の手助けに
WebGLは...
Thursday, November 22, 12
![Page 11: HTML5 exam : checking answers](https://reader034.vdocuments.net/reader034/viewer/2022051514/54b79f8e4a795998738b4634/html5/thumbnails/11.jpg)
http://yomotsu.github.com/threejs-examples/
Thursday, November 22, 12
![Page 12: HTML5 exam : checking answers](https://reader034.vdocuments.net/reader034/viewer/2022051514/54b79f8e4a795998738b4634/html5/thumbnails/12.jpg)
http://stations.aeracode.org/
Thursday, November 22, 12
![Page 13: HTML5 exam : checking answers](https://reader034.vdocuments.net/reader034/viewer/2022051514/54b79f8e4a795998738b4634/html5/thumbnails/13.jpg)
Thursday, November 22, 12
![Page 14: HTML5 exam : checking answers](https://reader034.vdocuments.net/reader034/viewer/2022051514/54b79f8e4a795998738b4634/html5/thumbnails/14.jpg)
• 10年前に登場した画像形式でありXML
•今ではSVG(XML)をHTML5タグと混ぜることも
•混在させるときにはXML名前空間に注意
• SVGタグについては、名前空間不要
• XLINKについては「xlink:」を明示
SVGは...
Thursday, November 22, 12
![Page 15: HTML5 exam : checking answers](https://reader034.vdocuments.net/reader034/viewer/2022051514/54b79f8e4a795998738b4634/html5/thumbnails/15.jpg)
http://trends.truliablog.com/vis/tru247/
Thursday, November 22, 12
![Page 16: HTML5 exam : checking answers](https://reader034.vdocuments.net/reader034/viewer/2022051514/54b79f8e4a795998738b4634/html5/thumbnails/16.jpg)
http://www.pxgrid.com/#access
Thursday, November 22, 12
![Page 17: HTML5 exam : checking answers](https://reader034.vdocuments.net/reader034/viewer/2022051514/54b79f8e4a795998738b4634/html5/thumbnails/17.jpg)
Thursday, November 22, 12
![Page 18: HTML5 exam : checking answers](https://reader034.vdocuments.net/reader034/viewer/2022051514/54b79f8e4a795998738b4634/html5/thumbnails/18.jpg)
Thursday, November 22, 12
![Page 19: HTML5 exam : checking answers](https://reader034.vdocuments.net/reader034/viewer/2022051514/54b79f8e4a795998738b4634/html5/thumbnails/19.jpg)
https://www.svgopen.org/2012/
Thursday, November 22, 12
![Page 20: HTML5 exam : checking answers](https://reader034.vdocuments.net/reader034/viewer/2022051514/54b79f8e4a795998738b4634/html5/thumbnails/20.jpg)
http://www.adventar.org/calendars/10
Thursday, November 22, 12
![Page 21: HTML5 exam : checking answers](https://reader034.vdocuments.net/reader034/viewer/2022051514/54b79f8e4a795998738b4634/html5/thumbnails/21.jpg)
Thursday, November 22, 12