Tmlife - tmlife.net - tmlife
General Information:
Latest News:
tmlib.js で今流行のフラットデザインを使ったタッチゲームを作ろう – Step05 BGM, SE を鳴らそう 16 Jul 2013 | 04:00 am
これが最後の Step となります. 音を読み込んで再生することで 一気にゲーム感が増します! Table of contents チュートリアル目次 サンプル ソースコード 解説 まとめ チュートリアル目次 前半 Step00 ゲームのひな形を作ろう (サンプル) Step01 ピースを定義して並べよう (サンプル) Step02 ピースのタッチ処理とゲームクリア処理を実...
tmlib.js で今流行のフラットデザインを使ったタッチゲームを作ろう – Step04 タイトル画面とリザルト画面を追加しよう 2 Jul 2013 | 04:00 am
今回はタイトル画面とリザルト画面を実装してきます. tmlib.js のシーンの切り替え機能を上手く使えば簡単に実装することができます. Table of contents サンプル ソースコード 解説 まとめ サンプル 今回作るサンプルです. タイトル画面から始まってタッチすると ゲームが開始されるのがわかるかと思います. 更に, ゲームを終了するとリザルト画面に遷移し ツイ...
tmlib.js で今流行のフラットデザインを使ったタッチゲームを作ろう – Step03 UI を実装しよう 23 Jun 2013 | 04:00 am
ここからは後半の Step となります. ゲームに UI を追加してより遊びやすくしてきます. Table of contents サンプル ソースコード 解説 まとめ サンプル 今回作るサンプルです. 上に秒数のカウントが表示され, RESTART ボタンを押すとゲームが再スタートするのがわかるかと思います. またいきなりゲームが始まるのではなくゲーム開始前にカウントダウンす...
tmlib.js で今流行のフラットデザインを使ったタッチゲームを作ろう – Step02 ピースのタッチ処理とゲームクリア処理を実装しよう 20 Jun 2013 | 06:50 pm
今回は, ピースをタッチした際にひっくり返るようにして, 更にすべてタッチし終わったらスコアを表示するようにします. この Step でなんとなくゲームとして遊べるようになります. Table of contents サンプル ソースコード 解説 まとめ サンプル 今回作るサンプルです. タッチするとひっくり返ってグレイになるのがわかると思います. また, 全てタッチし終わると掛...
tmlib.js で今流行のフラットデザインを使ったタッチゲームを作ろう – Step01 ピースを定義して並べよう 15 Jun 2013 | 07:20 am
ピースクラスを定義して画面上に敷き詰めていきます. いっきに見た目が派手になる楽しい Step です. Table of contents サンプル ソースコード 解説 サンプル 今回作るサンプルです. 画面にピースが敷き詰められているのがわかるかと思います. up ソースコード main.js スクリプト部分のコードです. 追加した箇所のコードはハイライトされています. ...
tmlib.js で今流行のフラットデザインを使ったタッチゲームを作ろう – Step00 ゲームのひな形を作ろう 14 Jun 2013 | 06:30 am
まず最初に tmlib.js でゲームを作る際のひな形を作っていきます. とても簡単なので気軽にやってみてください. Table of contents サンプル ソースコード 解説 サンプル 今回作るサンプルです. まだ表示するオブジェクトの生成などはおこなっていないので 真っ白な画面が生成されているだけです. up ソースコード index.html HTML 部分です....
tmlib.js で今流行のフラットデザインを使ったタッチゲームを作ろう – Step00 ゲームのひな形を作ろう 14 Jun 2013 | 06:30 am
まず最初に tmlib.js でゲームを作る際のひな形を作っていきます. とても簡単なので気軽にやってみてください. Table of contents サンプル ソースコード 解説 サンプル 今回作るサンプルです. ま [...]
tmlib.js ゲームプログラミングチュートリアル – 今流行のフラットデザインを使ったタッチゲームを作ろう 14 Jun 2013 | 05:30 am
先日, @omatoro さんが『私がenchant.jsではなくtmlib.jsでゲームを作る5つの理由』というエントリーを 公開されました. これがすごい反響だったらしく, 私の方にも様々な意見や質問がきました. おかげで tmlib.js の知名度が一気に上がり実際に触ってくれてる人も増えました. 本当にありがとうございます. ただ, ここで一つ問題が… tmlib.js には公式のチ...
[JavaScript]for 内でイベントリスナとか登録するときにやっちゃいがちな間違い. とその対処法を３つほど. 27 May 2013 | 04:00 am
つい先日, というか今日, @webryone さんからのコードレビュー依頼を受け @awebprogrammer さんとレビューしてたときに見つかったバグが あまりにもあるあるw だったのでエントリーとして書かせて頂き [...]
HTML5 Canvas で縦書き対応してみた 19 May 2013 | 12:32 am
表題の通り, HTML5 Canvas で縦書き対応してみました. 友人からずっと『tmlib.js で縦書き対応してくれ〜』って言われていたのですが, 自分が使う機会がなかったので実装渋ってました. ごめんなさい. 割 [...]
