制限時間内に画面上のハートを全てタッチする、という超シンプルなゲームを作るチュートリアルです。タッチゲーって言うんでしょうか。tmlib.jsでサクッと作っちゃいましょう。最終的に作るゲームは以下のサンプルになります。

tmlib.js

このブログで度々紹介させてもらっていますが、ブラウザ上で音を出してビジュアライザを作ったりゲームを作ったり色々できるライブラリです。JavaScriptのライブラリなのでスマホでも動くアプリを作ることができます。例えばこんなゲームや、こんなサンプルを作ることができます。
　
※ もし「こんなゲーム」(github.io使用)がダウンロード遅くて起動しきれなかったらこっちを試してみてください…

※ キャプチャを載せてほしいとのことでしたので、以下に。
　

コードのダウンロード

Github – tmlib.js_tutorial_TouchGame
　
ZIPというボタンを押すとダウンロードできます。ダウンロードして、中にあるindex.htmlを実行しながら読み進めてください。

目次

ダウンロードが終わったら、実行してみたり、弄りながらどんな感じで作られてるのか見ていってください。
　
01:「最初の一歩、画面を表示しよう」
02:「シーンを作ろう」
03:「ボタンや文字など色々表示してみよう」
04:「ゲームの画面を作ろう」
05:「ゲームの処理を作ろう」
Ex:「音をつけよう」

完成したら…

「ここは○○のシーンです」、という表記を消したりいろいろ弄ってみてください。いじった後は、jsdo.itなどに投稿すれば色々な方が見てくれます。Twitterもいいですね！このチュートリアルを足がかりに、ゲームを作ったりしてくれると嬉しいです。質問などありましたら、omatoroのTwitterへどうぞ！