2月 2012
4件の投稿
3タグ
Androidのレンダリングでハマったので対応策を書いてみる
まぁ大したことはしていないのだけど。
* { -webkit-backface-visibility: hidden; }
を追加しただけ。
Androidはレンダリング周りが弱く、CSSでアニメーションさせてもあまり綺麗には動きません。でもゲームのようなものだとやっぱり綺麗にアニメーションさせたい。でも・・というジレンマ。 そこで今回の手法を使うと、レンダリング周りが改善されるかもしれない、というメモ。
この方法は、どこかのバグリストで書いてあったことで、動かしている要素だけに指定してもあまり改善が見られなかったのだけど、思い切って全部につけてみたらだいぶ改善されたイメージ。（とはいえ体感でしかないので、効果が確実にある保証はありません）
...
5タグ
Android3.xでAudioを使う場合はビットレートを32kbpsくらいにしたほうがいいかも
Android3.x系だけなのか、全体的にかは検証していませんが、少なくとも3.x系ではビットレートを大きめにするとかなりきびしい印象。
32kbpsにしてやっと問題ない感じで再生できた。 もしかしたらもう少し上でもいいかもしれないけど、SEとかサポート的な位置づけのものであればもろもろ考慮して32kbpsくらいにしたほうがいいかも。
4タグ
Androidブラウザでのレンダリング注意点
完全にメモ。今さら感あるかもしれないけど、ハマったので。
Androidのブラウザでは、Opacityやdisplay、visibilityなどのいわゆるレンダリングが大きく関与する部分は期待できない。（画面がちらつく、処理が遅くなるなど）
ただ、すでにレンダリングされているもの（表示済のもの）の移動をするだけの場合は意外とスムーズに動くので、必要要素をいったん全部表示状態にしておき、positionやtransformなどで画面外に飛ばして、表示が必要になった段階で移動すると比較的スムーズに表示させることができる。
なので、画面外から移動してくるような演出にしか使えないけど・・。
3タグ
Androidだとコンテンツがほとんどない状況だとJSが読み込まれない？
なんだか軽くハマったのでメモ。 Android3.0の挙動なのか、Android全体の挙動なのかは分からないけど、コンテンツがほとんどない（body要素の中にp要素がひとつしかない、くらいの）場合、なぜかhead内でもbody内でも、どちらでJSの読み込みを指定しても実行されなかった。
試しにJSが実行される環境のHTMLだけをコピペして、JSのパスを、テストしていたJSファイルに書き換えるだけの処理をしたらなぜかJSが読み込まれて正常に動作した。
読み込み完了のタイミングの問題かもしれないけど、ちょっとしたテストを書いて試す、みたいなときにハマるかも。ということで備忘録。