tmssファイル

2014-07-16T16:57:31+09:00

tmlib.js専用のSpriteSheetファイル。中身はJSON形式。あらかじめ読み込んだASSETSのスプライト画像名をimageに指定する。例 { "image": "chiruno", "frame": { "width": 64, "height": 64, "count": 40 }, "animations": { "run": { "frames": [1, 2, 11, 12], "next": "run", "frequency": 6 }, "idle": { "frames": [0, 10], "next": "idle", "frequency": 16 }, "idle2": { "frames": [2, 12], "next": "idle2", "frequency": 16 }, "idle3": { "frames": [3, 13], "next": "idle3", "frequency": 16 }, "jump": { "frames": [7, 17, 5, 15], "next": "fly", "frequency": 8 }, "fly": { "frames": [8, 18], "next": "fly", "frequency": 4 }, "shoot": { "frames"

tmxファイル

2014-07-16T17:36:44+09:00

タイルマップの共通形式tmx エディタ Tiled http://www.mapeditor.org/ Tiledの使い方参考 Tiled Map Editor を Cocos2d-html5 と使用する方法 https://developer.tizen.org/ja/documentation/articles/how-use-tiled-map-editor-cocos2d-html5?langredirect=1 TiledのXML形式と、エクスポートしたJSON形式に対応してる模様。（吐き出したJSON形式は、手動で、拡張子をtmxにする？未確認）ただしXML形式の場合、以下のプロパティを手動で、追加する必要がある。（Tiledのバージョンアップに伴い、XML形式の記述がコロコロ変わるのが、原因？）その辺の製作者のやりとり https://www.google.co.jp/url?sa=t&rct=j&q=&esrc=s&source=web&cd=5&cad=rja&uact=8&ved=0CDgQFjAE&url=https%3A%2F%2Fgroups.google.com%2Fd%2Ftopic%2Ftmlib%2FXpAtVrlVKTw&ei=6zPGU-WkBtO48gXOhYJw&usg=AFQjCNEBNAErYQ21zr-Coth2ysc2igS3DA&bvm=bv.71126742,d.dGc またtmx形式は、あくまでもタイルマップのマッピング情報なので、タイルとして利用した元画像も必要。参考

tm.createClass

2014-07-14T17:40:30+09:00

0.1.xでのクラス生成。 0.2.x系ではtm.createClass();は廃止されたため、クラス生成はtm.define();によって行う。 tm.define("クラス名",{ init:function(){ }, });

エラー事例

2014-07-14T17:31:28+09:00

---- *Uncaught TypeError: Cannot read property 'frequency' of undefined tmlib.js:15124 >(anonymous function) tmlib.js:15124 >tm.define.fire tmlib.js:1990 >tm.define._update tmlib.js:12410 >tm.app.BaseApp.[[tm.createClass]]._updateElement tmlib.js:11732 >tm.app.BaseApp.tm.createClass._updateElement tmlib.js:11738 >tm.app.BaseApp.tm.createClass._update tmlib.js:11724 >tm.app.BaseApp.tm.createClass._loop tmlib.js:11579 >(anonymous function) tmlib.js:11556 >temp tmlib.js:253 [[tm.display.AnimationSprite]]クラスに、与えたスプレッドシートに存在しない、アニメーションラベルがgotoAndPlay()で指定された際に発生。 ---- *Uncaught TypeError: Cannot set property 'x' of null tmlib.js:12293 >tm.define.setPosition tmlib.js:12293 >tm.define.init index_user_scripts.js:103 >tm_class tmlib.js:101 >(anonymous function) index_user_scripts.js:66 >tm.define.fire tmlib.js:1990 >tm.define._dispatchPointingEvent tmlib.js:12500 >tm.define.__checkPointing tmlib.js:12483 >tm.define._checkTouch tmlib.js:12443 >tm.define._update tmlib.

tm.app.Object2D

2014-07-11T16:35:15+09:00

*説明 Object2D *公式ドキュメント [[tm.app.Object2D>>http://phi-jp.github.io/tmlib.js/docs/index.html#!/api/tm.app.Object2D]]

tm.display.AnimationSprite

2014-07-11T15:51:42+09:00

*説明スプライトアニメーションクラス *公式ドキュメント [[tm.display.AnimationSprite>>http://phi-jp.github.io/tmlib.js/docs/index.html#!/api/tm.display.AnimationSprite]]

tm.app.AnimationSprite

2014-07-11T15:52:53+09:00

*説明スプライトアニメーションクラス *備考 [[tm.display.AnimationSprite]]に名前空間が変更された。

tm.app.TitleScene

2014-07-11T13:45:44+09:00

*説明タイトルシーン *公式ドキュメント [[tm.app.TitleScene>>http://phi-jp.github.io/tmlib.js/docs/index.html#!/api/tm.app.TitleScene]]

tm.app.Scene

2014-07-11T13:39:09+09:00

*説明シーンとして使用するゲームエレメントクラス *公式ドキュメント [[tm.app.Scene>>http://phi-jp.github.io/tmlib.js/docs/index.html#!/api/tm.app.Scene]]

tm.display.TriangleShape

2014-07-11T12:06:32+09:00

*説明簡単に三角形を描画できるクラス *公式ドキュメント [[tm.display.TriangleShape>>http://phi-jp.github.io/tmlib.js/docs/index.html#!/api/tm.display.TriangleShape]] *サンプル **html

**js var SCREEN_WIDTH = 320; // スクリーン幅 var SCREEN_HEIGHT = 320; // スクリーン高さ var ASSETS = { "chick": "http://jsrun.it/assets/x/X/n/k/xXnkc.png", "frame": "http://jsrun.it/assets/5/n/Y/8/5nY87.png", }; tm.main(function() { var app = [[tm.display.CanvasApp]]("#world"); app.resize(SCREEN_WIDTH, SCREEN_HEIGHT);// 画面サイズに合わせる app.fitWindow();// リサイズ対応 app.background = "rgb(0,50,0)";// 背景色をセット // 読み込みシーンを初期セット var loadingScene = tm.app.LoadingScene({ assets: ASSETS, nextScene: MainScene,// 次はMainScene width: SCREEN_WIDTH, height: SCREEN_HEIGHT }); app.replaceScene(loadingScene); // tmlib実行 app.run(); }); tm.define("MainScene", { superClass: "tm.app.Scene",

tmlib.js ガイド@ Wiki