HTML5 exam : checking answers

about Graphics

@yomotsu
Thursday, November 22, 12

Webグラフィクスな問題
• 2D Canvas描画、円の重なり順

• WebGLを管理する団体について

• SVGのaタグについて


2D Canvasの応用
• 単純な描画だけがCanvasの仕事ではない

• 画像生成/加工 (画像の取り込み)

• 画像解析 (ピクセルの扱い)

• ゲーム (パフォーマンスを活かす)


http://www.contrejour.ie/


demo
https://dl.dropbox.com/u/1236764/ccv/laughingman.html


http://www.khronos.org/


WebGLは...
• WebGLは3DのAPI

• OpenGL ES2.0がベース

• OpenGLを知らない人でも

three.jsを利用すれば導入の手助けに


http://yomotsu.github.com/threejs-examples/


http://stations.aeracode.org/


SVGは...
• 10年前に登場した画像形式でありXML

• 今ではSVG(XML)をHTML5タグと混ぜることも

• 混在させるときにはXML名前空間に注意
• SVGタグについては、名前空間不要
• XLINKについては「xlink:」を明示


http://trends.truliablog.com/vis/tru247/


http://www.pxgrid.com/#access


https://www.svgopen.org/2012/


http://www.adventar.org/calendars/10


Recommended