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