Canvas

canvasとccs3でアニメーション

canvasとccs3先日jsdo.itで「HTML5+CSS3+JavaScriptで「代表試合」の演出を考えてください。」 というお題が挙げられたので試しに出してみました。 当初ルールをよく読んでおらず、Canvasで作り終わってみて 「◇今回はCanvasとSVGは無し。」という条件が入っ…

Canvas使用時のJavaScriptメモリ消費量の解析

canvasを使用していると思わぬjavascriptのheapに遭遇することがあるが、 原因をつかむのが難しい。。調べてみるとGoogleChromeの機能でメモリ解析機能があるとのことで試してみる。 (参考)Chromeの知られざる開発者向け機能 - JavaScriptメモリ消費量の解…

Canvasアニメーションを JavaScript->CoffeeScriptに書き換え

■Canvasアニメーションを JavaScript->CoffeeScriptに書き換え ** enchant.jsやtitaniumはじめ、Node.jsなども 最近はJavascriptで書かずCoffeeScriptに移行されている様子。 自作のソーシャルアプリもメンテの事を考えると 移行しておこうと思い勉強も兼ね…

AQUOS PHONE でレイアウトがずれる

アプリの審査で「AQUOS PHONE IS12SHにて検証を行った際に、画面サイズが 小さく表示されており、右側に空白がございますが問題ないでしょうか。 また、この端末でチュートリアルを確認していると、途中でブラウザが閉じてしまいます。遷移時間が長いことが…

スマートフォン用にhtml5でアニメーションを記述したので備忘録

1.メインとなる処理は下記の4つ。 html5で動画を記述する場合、画像を描画>画像を保存>画像を削除 の繰り返し clearRectでcanvas全体をクリアすることもあるが 例)ctx.clearRect(0,0,cW,cH); できる限り変更のあった部分にフォーカスして削除した方が処理…