人気のゲームエンジン 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 入門 – タッチナンバーを作ろう | tmlife
個人的にずっと作ってるゲームライブラリ tmlib.js のゲームプログラミングチュートリアルです. 最近は, iPhone アプリや Andorid アプリ, 勉強会や教育機関などでも使われてきている tmlib.js. 4月に 0.5.0 をリリースし, 大幅アップデートしてだいぶ仕様も固まり使いやすくなってきました. なので, そろそろ真剣にチュートリアルを充実させていきます!!(今までサボっててごめんなさい) 今回はタッチナンバーという, 超画期的よくあるカジュアルゲームを作っていきます. tmlib.js って何？ さっそく作る前に tmlib.js って何？って方もいると思うので軽く説明させてください. ざっくり言うと tmlib.js は アイディアを即座に形にできるライブラリです. 『てぃーえむ りぶ ドット じぇいえす』と読みます. tmlib.js を使えば, ゲ
tmlib.jsでのアセットのロード - Qiita
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(); }); // メインシーン tm.define("MainScene", { superClass: "tm.app.Scene", init: function() { this.superInit(); // 事前ロードした画
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
enchant.js を使ってたった50行でゲームを作ってみた | TM Life
どうも〜今回は久々に enchant.js のエントリーです. 最近は, enchant.js 関連のエントリーは書いているものの公開は控えておりました. 一応 enchant.js がバージョンアップしたこと, windows 8 に対応したこと, アメリカで enchant.js, Inc. が設立されること, enchant MOON なるものが 作られようとしていること. ひと通りキャッチアップはしています. 最近は仕事と tmlib.js のことでいっぱいいっぱいだったので… ですが, 『enchant.js Advent Calendar 2012』という面白いイベントを daishiさんが開かれたので, これは参加しないわけにはいかないだろということで エントリー連投しようと思います. っということで本題. 今まで 100行縛りでゲームを作ってみたり 10分で3Dゲームを作る
#CEDEC2012 JavaScriptベースゲームエンジン徹底比較
#CEDEC2012 JavaScriptベースゲームエンジン徹底比較 1. HTML5+JSフレームワークを 用いたゲームUI開発手法株式会社ユビキタスエンターテインメント 秋葉原リサーチセンター 伏見 遼平 2. このスライドは以下のサイトからダウンロードできます 3. タイムテーブル• 15:50 ‒ 16:20 … フレームワークを比べる・使う – HTML5 とは? – JavaScript ゲームエンジンの勘所 – 各種ゲームエンジンの紹介• 16:20 ‒ 16:40 … フレームワークを作る – enchant.js の紹介 – サンプル・デモ• 16:40 ‒ 16:50 … 質疑応答 4. 自己紹介伏見 遼平 (@sidestepism)株式会社ユビキタスエンターテインメント秋葉原リサーチセンター (UEI/ARC)enchant.js 開発プロジェクト
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
tmlife
[tmlib.js]tmlib.jsでいい感じにaddChildしてみた - Qiita![[tmlib.js]tmlib.jsでいい感じにaddChildしてみた - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/a47bbc786be6aee9b6bcb06cbd406b960171c077/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzExMjclMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODU2MjU_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmZtPXBuZzMyJnM9ZDBiYmZhMmMzMzg1OWJjZTgwNzM1YmNiMzFlMWRkM2M%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Dc9a4a97f63f517ba38317d63534c163e%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCdG1saWIuanMlNUR0bWxpYi5qcyVFMyU4MSVBNyVFMyU4MSU4NCVFMyU4MSU4NCVFNiU4NCU5RiVFMyU4MSU5OCVFMyU4MSVBQmFkZENoaWxkJUUzJTgxJTk3JUUzJTgxJUE2JUUzJTgxJUJGJUUzJTgxJTlGJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9ZmZmZjJkZGJlMWMyYjEyM2NlYjNhNjI0ZTA5MDgwZmU%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBvbWF0b3JvJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NjI2ZmY1YTEyNzZhN2QxOTA2MTkzNzlhMWVlOWM4ZGI%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D266b7c84f9f945a664699cad56255781)
tmlib.jsで簡単アニメーション - Qiita
TEST CORDING » Sassの@functionの使い方まとめ – プログラマブルな処理は@function
http://phi1618.github.io/tmlib.js/
JavaScriptライブラリ「tmlib.js」でローグライクを作ってみた
TEST CORDING » Sassの@functionの使い方まとめ – プログラマブルな処理は@function
tmlib.js
IBM Developer