東京アメッシュ for iPhone これでほぼ完成
さて、最近色々やっていた東京アメッシュ for iPhoneですが、以下の事を行いました。
・動作スピードの改善
・時計表示の最適化
まずは動作スピードですが、前回いくつかの手法でスピードを見てみたら結局何もしないのが一番!という結果になったので(T_T 今度は徹底的にコードから無駄を省きました。
画像をDIVで設定していたのからIMGへ変えたり、変数は極力減らして使用後はdeleteしたり。あと県境のPNG画像を2枚重ねていたのを1枚にまとめたり。<-これが一番効果でかい?
できあがったものは、明らかに以前よりも数段速くなりました。
あと、やっぱり倍率は1倍が速いのは当たり前なんですが、今まで初期値が既に縮小だったのでわざわざ遅い状態に…。なので今回は初期画面は1倍となるようにしました。この効果もでかい!アニメーションがかなりなめらかデスヨ!
そのため今まで通り全画面が見たい場合はダブルタップ等でズームアウトしてから使って下さいm(_ _)m
ただし今度は画面のズーム率を
全体表示
↑↓
1倍
↑↓
拡大表示
みたいにコントロールしたくなってきましたが…innerWidthはモチロン、resizeTo等でもダメだったのでとりあえず諦めました。よって1倍から可変すると、二度と1倍へは戻れません。そんときは一端タブを閉じてからサイドアクセスして下さい。(ただのリロードだと倍率が保持されるのでダメです)
もう一つの時計表示の最適化。結局現在の倍率を知るプロパティは解らずじまいなんですが、代わりに画面の内側サイズである 「window.innerWidth」がピンチ操作に連動していることが解りました。この大小を見ればおのずとフォントサイズも決定できるってもんで す。
まぁとりあえずそんなかんじで、これで一通り落としどころが決まりました。
とはいえ一時期の連続豪雨は去り、アメッシュを見る機会が減ってきた今日この頃です(T_T
どうかみなさんごひいきにひとつよろしく。
| 固定リンク


コメント