Chrome 上で、Canvas API のダンプ、Draw call の可視化、スナップショットが取れる Canvas Profiles が超便利なのでご紹介 - latest log
Chrome には Canvas API の発行状況を可視化してくれる Canvas Profiles が搭載されています（1年ぐらい前からありました)。 これは特定の業種の人(特にCreate.jsとかPexJSを使ってる方々)にとっては神の如きツールであり、知らないと勿体ないのでシェアしますね。 ユースケース (つ◇⊂) 「Canvas のページが重いよ〜 ドラえもん〜」 (ε・◇・)っ はい、Canvas プロファイラー (つ◇⊂) 「描画が崩れる原因がわかんないよ〜 ドラえもん〜」 (ε・◇・)っ はい、Canvas プロファイラー です。 おまけ 機能自体は去年の7月ぐらいから利用可能で、その間にUIが何度かマイナーチェンジしていますね。 あと、プロファイルデータを右クリックすると Load 機能はあるけど Save 機能がないので、 Google Dev Summit 2013
『リッチスマートフォンWebアプリのメモリ管理』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 こんにちは、ピグディビジョンでフロントエンドのプログラムを書いています。maginemu (@maginemu) です。 どこでもピグライフとは弊社の提供しておりますPC向けソーシャルゲーム「ピグライフ」をスマートフォン向けに移植したサービスです。『ピグライフのお庭をスマートフォンでも』を目標に移植を行いました。 (「どこでもピグライフ」はPCで「ピグライフ」を開始し、「いちごジュースを作ってみて！」というクエストをクリアするとお使い頂けるようになります) PC版ピグライフはFlashでつくられていますが、どこでもピグライフはHTML5/CSS3/J
JavaScript重力多体シミュレータ(2D)
JavaScript重力多体シミュレータ(2D) (要HTML5 Canvas、速度的にGoogle Chrome推奨(2010-12-16時点)) 操作方法 マウスホイール : ズーム ドラッグ : スクロール 物体をクリック : ViewMode => 物体を追跡 物体をクリック : EditMode => 物体を選択、プロパティウィンドウ表示 物体をドラッグ : EditMode => 物体を移動 矢印をドラッグ : EditMode => 物体の速度を変更 コントロールの意味 Axis : グローバル座標での座標軸を表示する。 Track : 物体の軌跡を表示する。ただし、Record Trackがチェックされていなければ意味なし。 Relative : 物体の軌跡を現在追跡している物体を基準にプロットする。ただし、Trackがチェックされていないときや物体を追跡していないときは意
9 Incredible HTML5 Canvas And Javascript Experiments
Introduction Chrome Experiment has been coming out with heaps of incredible HTML5 canvas and javascript experiments. Thanks to all the awesome developers, most of the experiments are truly unique and jaw dropping. I could never imagine with the combination HTML and javascript can achieve such an amazing result. Take Tank World as an example, stunning 3d graphic, and it's a game! However, it will t
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
