タグ

webdevとeaseljsに関するnibushibuのブックマーク (2)

  • Android × Canvas の即死ポイントとその回避策 | buccchi.jp

    CreateJS を使ったWebアプリをいくつか作ったのですが、iPhone はサクサクでも Android でやたらハマる。 Android 2.3 で最適化したつもりのものが 4.0 の標準ブラウザで落ちたりする。 機種や OS のバージョンにより動作がさまざまなため確認しきれない。 というとこでハマったポイント3つを共有します。 誰かもっとよい解決策を教えてくれるとありがたい。 即死ポイントその1 Android 4.0.4 で Canvas をリサイズするとブラウザが落ちる 回避策 Canvas 領域を広めにとっておき、Canvas ではなく Container 側をリサイズ。 はみでた部分は css でトリミング。 これで落ちなくはなるが全体的にボケる。 2013.7.7 追記 その後、以下の方法を試したところ落ちずに動作すことが確認できました。 描画とかGPUアクセラレーション

  • CreateJSでHTML5向けのJavaScriptコーディングをしよう - JaGra PROFESSIONAL SCHOOL Seminar

    【お品書き】 01 EaselJSのアニメーション 02 スプライトシートからつくるアニメーション 03 TweenJSを使ったトゥイーンアニメーション 04 PreloadJSで画像ファイルを読込む 05 SoundJSでサウンドファイルを読込んで再生する 稿は、2011年11月8日木曜日に同名で開かれたセミナーの概要を伝える目的で公開する。 CreateJS Suiteは、リッチでインタラクティブなコンテンツをつくるJavaScriptライブラリ群だ。各ライブラリは、予めCreateJSサイトからダウンロードしてインストールしておかなければならない。その手順については、「EaselJSで図形を描く」を参照してほしい。 01 EaselJSのアニメーション 01-01 canvas要素を定める canvas要素をbody要素の中に書くと、透明な領域が定められ、JavaScriptで図形

  • 1