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

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

ゲームはこちら。

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

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

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

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

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

自主トレ：enchant.js を使ってみる 1

今の仕事はソーシャルゲームのサーバーサイドプログラミングなのだが(＝ガラケーゲームのサーバー側プログラムを PHP で作っている)、基本的には MySQL の DB からデータを拾ってページ遷移を切り替えるという単純なプログラムなので、エンジニアとしての将来性に不安を持っている。
　会社がスマホにも対応機種を広げようとしているので、「そっちのアプリケーションレイヤー側の仕事をやらせてください」と頼んだら「プライベートな時間で勉強して実績を作ってこい！」といわれてしまった。

　まぁ、社員の成長とかには興味のなさそうな会社だからそれも仕方あるまい。愚痴っていても仕方ないし、身につけたスキルは自分のものになるわけだから、コツコツやっていこう。

　ということで、まずは enchant.js を試してみる。