Más contenido relacionado
La actualidad más candente (20)
Similar a Html5勉強会資料 2012821 (20)
Html5勉強会資料 2012821
- 14. HTML4のメディアファルのコントロール
• 独自にAPIを作成しない限りメディアファ
イルの制御はできない。
DOM/CSS Flash Image Sound
制御可能 制御できない 画像の加工が 音を鳴らすことが
できない できない
HTML(JS)
- 18. HTML5とメディアファイル
• これまでDOMやCSSの制御だけだったアニメー
ションが図形描画やメディアを使ったアニメー
ションを実現
DOM/CSS Canvas SVG audio
アニメーション
制御可能
の制御 画像の加工 音の制御
HTML(JS)
- 26. 描画処理の回数を少なくする!
描画処理は一括で行うほうが負荷がかからない。
for (var i = 0; i < 100; i++) context.beginPath();
{ for (var i = 0; i < 100; i++) {
var p1 = p[i]; var p1 = p[i]; var p2 = p[i+1];
var p2 = p[i+1]; context.moveTo(p1.x, p1.y);
context.beginPath(); context.lineTo(p2.x, p2.y);
context.moveTo(p1.x, p1.y); }
context.lineTo(p2.x, p2.y); context.stroke();
context.stroke();
}
- 29. SVG(Scalable Vector
Graphics)
1. ベクター形式で描画(Canvasはピクセル形式)
2. AIやFlashなどから書き出しが可能(Canvas
も可能になってきている。)
3. ベクターをXMLで出力
4. 画像が複雑になるとサイズがかなり大きくなっ
てしまう。
Notas del editor
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n