2011年10月6日

Adobe MAX 2011 - Building Interactive Content Using HTML5 Canvas

Adobe MAX 2011のセッション「Building Interactive Content Using HTML5 Canvas」の現地ツイートまとめです。 Flash神、グラント・スキナー氏によるHTML5 Canvasの講演です。
4
池田 泰延 / ICS @clockmaker

Flash神Grant SkinnerによるHTML5 Canvasの講演。大きな会場が満席の状態に。 #maxjp #html_jp

2011-10-06 05:33:11
Sungsil Hwang @siriz

Content 2D Performance : 1000particles (FPS) in Safari 5.1 #maxjp

2011-10-06 05:39:46
Sungsil Hwang @siriz

Building Interactive Content Using HTML5 canvas. #maxjp

2011-10-06 05:39:52
Sungsil Hwang @siriz

safari ( 5.1 ) + HTML5 パフォーマンスすげー! #maxjp

2011-10-06 05:45:35
池田 泰延(勉強会用) @clockmaker_bot

タブレット上のブラウザCanvasパフォーマンス比較 #maxjp http://t.co/RESn90SI

2011-10-06 05:45:56
拡大
Sungsil Hwang @siriz

iOS4/iPad と iOS5/iPad2 のパフォーマンス差は大きいな。。 #maxjp

2011-10-06 05:46:23
池田 泰延(勉強会用) @clockmaker_bot

canvasはゲーム、データビジュアライゼイションに向いている #maxjp #html5_jp

2011-10-06 05:47:10
池田 泰延(勉強会用) @clockmaker_bot

ただし、テキストやフォームにcanvasを使うのは良くない選択だ #maxjp #html5_jp

2011-10-06 05:47:37
池田 泰延(勉強会用) @clockmaker_bot

canvasタグの使い方をコードで紹介。①modify ②path ③paint の3つの手順の解説。 #maxjp #html5_jp

2011-10-06 05:51:48
Sungsil Hwang @siriz

Canvasはgame, data visualization, effectsにはすごい。でも、text, formとの共用はだめ。 #maxjp

2011-10-06 05:52:05
池田 泰延(勉強会用) @clockmaker_bot

canvas でdrawImage()するときは(x + 0.5) | 0 で最適化するとよい #maxjp #html5_jp

2011-10-06 05:59:28
Sungsil Hwang @siriz

GPUに対応しない場合は ( x + 0.5 ) | 0 のように処理した方がはやい。 #maxjp

2011-10-06 05:59:29
池田 泰延(勉強会用) @clockmaker_bot

canvasをリセットしたい場合は、setTransform()したほうが早い #maxjp #html5_jp

2011-10-06 06:03:52
Sungsil Hwang @siriz

setTransform( 1,0,0,1,0,0) に設定すると早くtransformを初期か可能。#maxjp

2011-10-06 06:04:24
Sungsil Hwang @siriz

for 野中に 4px ごとにpxを書いたのは 2x2の効率系?#maxjp

2011-10-06 06:09:19
池田 泰延(勉強会用) @clockmaker_bot

requestAnimationFrame()の紹介。現在はFirefoxなど一部のブラウザだけ利用可。将来的にcanvasのパフォーマンス向上させるポテンシャルがある。 #html5_jp #maxjp

2011-10-06 06:13:54
Sungsil Hwang @siriz

Canvas Lib : Processing.js , Three.js, Crafty.js, EaselJS... #maxjp

2011-10-06 06:14:01
Sungsil Hwang @siriz

easelJS ライブラリのサイトはこちら。 http://t.co/a1uzF2zs #maxjp

2011-10-06 06:17:34
残りを読む(6)

コメント

コメントがまだありません。感想を最初に伝えてみませんか?