モーリーのメモスマートフォン用の表示で見るモーリーのメモアプリ開発等(プログラミング、CG作成)、興味を持ったことを実践してまとめるブログです。Creator<今回やること!>『Tiled』マップエディターで、タイルマップを作成します。見た目の作成だけでなく、オブジェクトの配置も行います。Creatorで読み込みます。配置したオブジェクトのデータを読み込みます。タイルマップとは、タイルセットやマップチップと呼ばれる色々なパターンのタイルを並べて、ゲームのステージやマップを作成したものです。タイルセット(マップチップ)タイルマップで作成したステージ1枚絵を使用するよりも使用する画像サイズが小さく、同じタイルセットで様々なパターンのマップが作成出来ます。タイルセットは素材配布サイト入手可能で、有償のものも無償のものもあります。『Tiled』は、タイルセットからマップを作るためのエディタです。(寄付は募っています。)Mac、Windows、Linux版が配布されています。Creatorでサポートされています。Creatorで容易に扱うことが出来ます。私が使用している環境です。下記のサイトを開くthorbjorn.itch.ioページの中程辺りの『Download』をクリック寄付を募る画面が出ます。downloads』をクリック『Download』をクリック『tiled-macos.zip』がダウンロードされます。『tiled-macos.zip』をダブルクリックして、マウント『Tiled』をアプリケーションフォルダにドラッグ&ドロップ『Tiled』を右クリックし、『開く』をクリックセキュリティの設定によっては、初回起動時に実行許可が必要です。今回は"map.png"という名前で保存しました。Creatorで読み込むことが出来ました。*.xml)』ファイルが保存されます。『grass』レイヤーに葉っぱのタイル塗る葉っぱのタイルは透過部分があるので、『ground』レイヤーの上に『grass』レイヤーを作ってから塗っています。Component』→『Main』をクリック『Assets』パネルで、『Main』スクリプトをダブルクリックして開く『VSCode(コードエディタ)』で、下記のように編集して保存TypeScriptで書きましたが、JavaScriptでもほぼ同様です。layer)』に配置したオブジェクトの情報を読み取ってコンソールに出力します。出力結果は下記のようになります。y:-32あとがき2019年5月25日に記事を全面的に書き直しました。今回使用したタイルセットは、Cocos2d-xで以前からあるデモ(チュートリアル)のParkourゲームのものを使用しました。元のリンクも貼っておきます。1.2』と出力されますが、今の所問題は確認出来ていません。下記のサイトは改定前に利用していたタイルセットの配布サイトです。利用する際には使用条件にお気を付け下さい。Creatorをインストールします。Creatorは、物理エンジンのChipmunkを使用できます。v3.7...下記の記事の続きです。(8)参加グループプログラミングリンクはてなブログブログをはじめる週刊はてなブログはてなブログProはてなブログをはじめよう!mmorleyさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。