![](/wp-content/uploads/2023/11/phaser_320x192.png)
第5回 – PhaserでTiledを使ってみよう!(Tiledのインストール)
今回の記事では、PhaserとTiledを組み合わせてゲームを開発を試してみました。
Tiledは、2Dゲーム開発者向けのオープンソースのマップエディタで、直感的にMAPをデザインでき豊富な機能があります。しかも無料で使用できるのでありがたいです。(寄付はご自由)
スーマーマリオ風のゲームを作りたいので、まさしくTiledは必要なツールですね。
Tiledのインストール
以下のサイトからダウンロードして使用します。
Tiled公式サイト(https://www.mapeditor.org/)
"/wp-content/themes/honda-workshop/blog/phaser/image/5/tiled_install_1.png">
"/wp-content/themes/honda-workshop/blog/phaser/image/5/tiled_install_2.png">
是非の今後の開発のために援助したい方がお願いします。
援助せずにダウンロードだけしたい人は 矢印のリンクをクリックする。
"/wp-content/themes/honda-workshop/blog/phaser/image/5/tiled_install_3.png">
ダウンロード・ボタンを押すと インストーラーのファイルを入手でますので、それでインストールします。
Windows 10,11の方は 矢印のリンクをクリックする。
"/wp-content/themes/honda-workshop/blog/phaser/image/5/tiled_install_4.png">
"/wp-content/themes/honda-workshop/blog/phaser/image/5/tiled_install_5.png">
"/wp-content/themes/honda-workshop/blog/phaser/image/5/tiled_install_6.png">
"/wp-content/themes/honda-workshop/blog/phaser/image/5/tiled_install_7.png">
"/wp-content/themes/honda-workshop/blog/phaser/image/5/tiled_install_8.png">
"/wp-content/themes/honda-workshop/blog/phaser/image/5/tiled_install_9.png">
"/wp-content/themes/honda-workshop/blog/phaser/image/5/tiled_install_10.png">
起動すると以下のような画面が表示されます。
"/wp-content/themes/honda-workshop/blog/phaser/image/5/tiled_first_screen.png">
Tiledのデータを入手
Tiledをインストールした後は、いよいよTiledでMAPデータを作成するのですが、最初から自分で作るのは大変なので、無料で入手できるありがたいサイトがあります。
以下のサイトからダウンロードして使用します。kenneなのですが、ここからサンプルデータを入手します。(気に入ったら援助してください)
kenney公式サイトhttps://kenney.nl/)
"/wp-content/themes/honda-workshop/blog/phaser/image/5/assets_download_1.png">
"/wp-content/themes/honda-workshop/blog/phaser/image/5/assets_download_2.png">
"/wp-content/themes/honda-workshop/blog/phaser/image/5/assets_download_3.png">
是非の今後の開発のために援助したい方がお願いします。
援助せずにダウンロードだけしたい人は 矢印のリンクをクリックする。
"/wp-content/themes/honda-workshop/blog/phaser/image/5/assets_download_4.png">
今回は、ダウンロードした以下のzipファイルのttilemap.pngを使用します。
"/wp-content/themes/honda-workshop/blog/phaser/image/5/assets_download_5.png">
以上、データも入手できたので、次回、ツールでMAPデータを作ってみます。是非お付き合いください。