自主トレ:svg でミニゲームを作ってみた

前回までの実験の結果を組み合わせてミニゲームを作ってみた。

ゲームはこちら。

手元に iPhone がないので、勤め先の検証用 iPhone4S で試してみた。svg 領域の縦横比を iPhone ディスプレイの縦横比と同じにしていたので、表示自体は問題ない。ただし、動きが異様に遅い。実用に耐えない速度。

iPad でも試してみた。縦横比を iPhone ディスプレイにあわせたので、iPad のブラウザ表示領域とは一致しないのだが、こちらも表示は問題なし。ただし遅い。

これは工夫がいるあなぁ。

自主トレ: html の SVG タグは、あんまり性質がよろしくない

ガラケーの Flash で作成されたミニゲーム、Android は Flash のバージョン変更でなんとかいけるのだが、iPhone はその手が使えない。
enchan.js は、ゲーム自体はいけそうだが、解像度に対してスケーラブルとは行かない。なので Flash とおなじ、ベクターグラフィックスを使う SVG を試してみたのだが、これが曲者。