人気のゲームエンジン tmlib.js、0.5系チュートリアルなどまとめ
tmlib.jsをはじめる前の予備知識をまとめました。 関連記事 ＞＞ハンズオン！tmlib.jsゆるふわ勉強会タッチゲームを作ろうに参加した 追記：2015年5月7日 ノベルゲームプラグインのリンク追加。 追記：2015年5月6日 学習の進め方を追記しました。runstantで0.4系基本テンプレがいっきに書けるイースターエッグが！ 追記：23:12 リンク2本追加しました。神にもブクマして頂き((((；ﾟДﾟ))))ｶﾞｸﾌﾞﾙ！でも、ほんとtmlib.js楽しいよ！ tmlib.jsとは 国産のJavaScriptゲームエンジンです。アクションゲームやRPGなどにも使われるほどの高速性が人気です。当たり判定のコリジョンなども含まれていて、現在バージョン0.6が開発中で最新版は 0.5系（2015年5月7日現在0.5.1） です。JavaScriptでゲームづくりをするときに役立つ命令
tmlib.js 入門 – タッチゲームを作ろう – Step01 ピースを並べて表示しよう | tmlife
『tmlib.js 入門 – タッチゲームを作ろう』 の Step01 になります. 今回作るゲームにおいてもっとも重要なステップです. ピースを画面に表示していきます. いっきに画面がゲームっぽくなりますよ. 今回の目標サンプル 前回はひな形の作成まででしたが, 今回はそこから縦横に敷き詰められたピースを表示するところまで作ります! [runstant] 実装 まずは実装していきましょう. 1. 作業用 runstant を開く こちらを開いて下さい. [runstant] 前回作ったひな形のところから作業していきます. 2. 開始シーンをタイトルからゲームに変えよう 毎回実行し直す度にタイトル画面から始まるのは面倒なので. setup の startLabel で指定していた値を ‘title’ から ‘game’ に変更しましょう. // 初期化 tm.game.setup({
tmlib.js 入門 – タッチナンバーを作ろう | tmlife
個人的にずっと作ってるゲームライブラリ tmlib.js のゲームプログラミングチュートリアルです. 最近は, iPhone アプリや Andorid アプリ, 勉強会や教育機関などでも使われてきている tmlib.js. 4月に 0.5.0 をリリースし, 大幅アップデートしてだいぶ仕様も固まり使いやすくなってきました. なので, そろそろ真剣にチュートリアルを充実させていきます!!(今までサボっててごめんなさい) 今回はタッチナンバーという, 超画期的よくあるカジュアルゲームを作っていきます. tmlib.js って何？ さっそく作る前に tmlib.js って何？って方もいると思うので軽く説明させてください. ざっくり言うと tmlib.js は アイディアを即座に形にできるライブラリです. 『てぃーえむ りぶ ドット じぇいえす』と読みます. tmlib.js を使えば, ゲ
tmlib.jsでのアセットのロード - Qiita
tmlib.jsでは、画像や音声等の素材を使用する前にロードしておくためにtm.ui.LoadingSceneを使います。 画像のロード 以下、"hiyoko.png"という画像をスプライトに貼って画面に出すコード例です。 tm.main(function() { var app = tm.display.CanvasApp("#app"); // LoadingSceneを作成 // "hiyoko.png"をロードし、"piyo"という名前で登録する // ロード完了後、MainSceneへ遷移する var loadingScene = tm.ui.LoadingScene({ assets: { "piyo": "hiyoko.png" }, nextScene: MainScene }); app.replaceScene(loadingScene); app.run(); });
tmlib.js で今流行のフラットデザインを使ったタッチゲームを作ろう – Step02 ピースのタッチ処理とゲームクリア処理を実装しよう | TM Life
今回は, ピースをタッチした際にひっくり返るようにして, 更にすべてタッチし終わったらスコアを表示するようにします. この Step でなんとなくゲームとして遊べるようになります. Table of contents チュートリアル目次 サンプル ソースコード 解説 まとめ チュートリアル目次 前半 Step00 ゲームのひな形を作ろう (サンプル) Step01 ピースを定義して並べよう (サンプル) Step02 ピースのタッチ処理とゲームクリア処理を実装しよう (サンプル)←いまココ 後半 Step03 UI を実装しよう(サンプル) Step04 タイトル画面とリザルト画面を追加しよう( サンプル ) Step05 BGM, SE を鳴らそう( サンプル ) up サンプル 今回作るサンプルです. タッチするとひっくり返ってグレイになるのがわかると思います. また, 全てタッチし終
弾幕シューティングが簡単に作れちゃう!! tmlib.js x BulletML を使ってみよう | TM Life
.@daishi さんが tmlib.js でサクっと BulletML を使えるようにしてくれていたので, 使ってみました!! ん～超良い感じ～♪ 用意したサンプルは jsdo.it で作ってあるので, fork して パラメータをイジってもらえれば色々と遊べると思います. Sample Demo Table of contents tmlib.js とは？ BulletML とは？ tmlib.js x BulletML を使ったサンプル tmlib.js x BulletML で作られたゲーム tmilb.js とは？ そもそも tmlib.js って何って方のために軽く紹介. 簡単に言うとゲームやツールを簡単に作るための JavaScript ライブラリです. 詳しくは下記のリンクにて tmlib.js とは 以前, 勉強会で発表させていただいたスライドです. GitHub tml
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TEST CORDING » Sassの@functionの使い方まとめ – プログラマブルな処理は@function
http://brogue.testcoding.net/
http://phi1618.github.io/tmlib.js/
JavaScriptライブラリ「tmlib.js」でローグライクを作ってみた
TEST CORDING » Sassの@functionの使い方まとめ – プログラマブルな処理は@function
tmlib.js