JavaScriptライブラリ「tmlib.js」でシンプルなタッチゲームを作るチュートリアル
はてなブックマーク - JavaScriptライブラリ「tmlib.js」でシンプルなタッチゲームを作るチュートリアル
Pocket

制限時間内に画面上のハートを全てタッチする、という超シンプルなゲームを作るチュートリアルです。タッチゲーって言うんでしょうか。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へどうぞ!