WebKitの回転機能とマリオライクな得点表示

今回は12月、クリスマスの季節ということで怠け者(ずぼらな)サンタがばらまく「クリスマスプレゼントをキャッチする」ゲームを作成します。iPhone 3GのSafariはページのレンダリング(表示)にWebKitを使っています。WebKitはパソコン版のSafariやGoogle Chrome、アンドロイド携帯にも使用されている高速で高機能なレンダリングエンジンです。

このWebKitには画像や文字などを回転させる機能があります。以前にも静的グーグルマップを回転する時に使用しましたが、今回は複数の画像をバラバラに回転させます。また、プレゼントボックスを回収したら、それに応じて得点を表示してみます。これは昔懐かしい任天堂のスーパーマリオブラザーズなどに見られるもので、得点が上に移動し消えていく手法です。スーパーマリオブラザーズの場合は得点が上に移動するだけですが、今回は上に行くに従って透明になるようにします。

ゲームタイトル&説明画面

上から落ちてくるプレゼントボックスをキャッチ