html5 canvasサンプル作成ひと区切り

最適化とまでは言わないけれども、jsの圧縮やpngの圧縮をしました。
容量を減らす事が出来たのでContent Downloadの時間は圧縮されました。

また、データの圧縮の他に処理の見直しを行ないました。
ifをswitchに変えたりvalueの変更を一カ所で行なったり。
また、スコアのずれが分かりにくいようにスコア表示を何回勝ったかの表示に変えましたwww
リザルトへ遷移する為には10回以上勝たないと遷移できないようにしました。

いろいろ変えてみたけれども、今回作ったサンプルは特別重たいコンテンツではないからか変化は実感できないけど・・・。
http://www.tomo.mobi/test/canvas/jyankenSample.html

ここから、更に作り込みも出来るのですが今はまだ勉強中で作った物もサンプルなのでまた別途コンセプト等をキチンと考えたりして作ってみたいと思います。

関連記事