タグ

HTML5とcanvasに関するno8410のブックマーク (3)

  • Happy Elements Labs: 世界平和とAndroid

    エンジニアの草苅です。 スマートフォンを扱うエンジニアの皆さんは、日々Android のバグに悩まされているのではないかと思います。弊社も類に漏れず様々な Android のバグと戦っています。 特にあんさんぶるガールズ!ではアニメーションはすべて Canvas を利用していることもあり、Android の Canvas 絡みのバグに、頭を痛めています。 Android のバッドノウハウは悩んでいる人みんなで共有した方が、世のため人のためになるのではと思い立ったので、世界平和を願っていくつかまとめてみたいと思います。 1. GPUレンダリングの設定によって Canvas で不具合が発生する Android は OS のバージョンや、WebView のレンダリングエンジンの違いによって、GPUレンダリングOFFの場合に、Canvas が正常に表示できない端末、もしくはGPUレンダリングONの

  • 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アクセラレーション

  • JavaScriptで作られたGAMEBOY COLORエミュレーター | スラド

    以前のストーリーでJavaScriptによるPCエミュレーターが紹介されたが、今度はJavaScript/HTML5によるGAMEBOY COLORエミュレーターが作成されたそうだ(GameBoy Online、 IProgrammerの記事、家/.)。 GAMEBOY COLORエミュレーターを作成したのは米フロリダの19歳、Grant Galitz氏。ローカルに保存したROMイメージを読み込んで実行可能となっており、実際に遊べるスピードで動作する。サウンドの再生も可能だ。 グラフィックはCanvasオブジェクトを使用して実装されるが、Canvasがサポートされない場合にはビットマップイメージが使われるとのこと。ソースコードも公開されている。

  • 1