[B! javascript][JavaScript][Android] yorozunaのブックマーク

yorozuna id:yorozuna

javascriptとJavaScriptとAndroidに関するyorozunaのブックマーク (3)

スマートフォンはセンサーの塊！たった数行のHTML5とJSで扱えるセンサーまとめ(デモ・動画あり) – ICS MEDIA
View Transitions API入門 - 連続性のある画面遷移アニメーションを実現するウェブの新技術 10月15日更新池田泰延♥ 142
yorozuna 2014/12/18
html5

html

gps

API

アプリ

Javascript

iOS

Android

SmartPhone

スマートフォン
リンク
描画とかGPUアクセラレーションの怪 (モバイル編)
何かと不透明なあたり気がつけば一ヶ月ほどブログを更新していませんでした。リハビリ記事です。今回は、GPUを効かせる == それに関連するプロパティ（ただしOSやバージョンによって何がトリガかは厳密に異なる）を適用したら挙動が改善した、というようなノリの体験TIPSをゆるくまとめました。このあたりの振る舞いについては、描画パフォーマンスの問題として、それなりに明らかになってきているように思います。WebKitのレンダリングプロセスにはじまり、GPU命令のサポートが受けられるのはどんな操作だとか、GPUへ処理が預けられるレイヤーの生成がどーとか、最近よく見聞きします。自分が業務で扱っているスマートフォン向けのWebサービスでは、このような描画パフォーマンスの問題は、スクロールパフォーマンスと合わせて非常にクリティカルです。この辺りについてのロジカルなまとめは、某氏が近日中にまとめるらし
yorozuna 2013/05/23
canvas

animation

アニメーション

GPU

Android

iPhone

css3

JavaScript

js

web制作
リンク
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アクセラレーション
yorozuna 2013/03/11
canvas

Android

html5

javascript

CreateJS

easeljs

バグ

web制作

まとめ

tips
リンク
1