カエルマップエディタの簡単な使い方
公開 2025/05/20 00:11
最終更新 2025/05/22 19:35

なにそれ #

https://sdkaeru.com/tilemap/
これです。タイルマップエディタってやつです。

↓ちょっと高度な使いかた
https://simblo.net/u/Nz7RmE/post/369041

↓おまけの使いかた
https://simblo.net/u/Nz7RmE/post/369616

超基本 #


のエリアから使いたい素材を選択し、
のエリアで任意の場所をクリック(ドラッグ)すると素材を配置できます。

下のほうに隠れている素材はのあたりをドラッグするかの上にある三角ボタンで上に持ってくると使えます。

素材を重ねて表示したい #


右、各Layerボタンで素材を配置するレイヤーを選べます。
ボタンの配置通りLayer1が1番下でその上にLayer2,3が重なります。

例)

Layer1に「草地」の素材を置いた後、Layer2を選択し同じマスに「木」の素材を置けば「草地に生えた木」になります。

素材を反転して使いたい #


あたりのボタン群で配置した素材を編集できます。
ボタンを押した後、反転や回転を適用したいマスをタップします。
↕︎:上下反転
↔︎:左右反転
♻︎:回転

例)

回転ボタンを押した後、配置した「家」をクリックで家が寝ます(回転の場合クリックするたびに90度ずつ回転します。)


作り終わったらどうすれば #


のエリア1番下の「ScreenShot」ボタンから作成したマップのスクリーンショットが撮れます。(画像ではDownLoadになっていますが変更しました)

またにある「♯」を押すとマス目の表示有無を切り替えられるのでスクショの際にご利用ください。

「SAVE」「LOAD」ボタンで作成マップの保存や読み込みも行えます(LocalStorageを使用しています)
3つまで保存しておけます。

1〜3のデータボタンを押すと確認なしで保存や読み込みが行われるため注意してください。


画面右下のタイツボタンからタイッツーへ投稿ができます。
(タグは自動で入りますが画像は自分で選択する必要があります)
スゲーでっかいカエル
プロフィールページ
スゲーでっかいカエルです。javascriptでゲームを作ったりします。
最近の記事
モニスクレシピ_ストーリーの進行管理
ストーリーの進行管理 ストーリー進行用の変数を用意しておく # 単発のイベント(アイテムを持ってると道が通れるとか)…
2025/09/25 21:24
モニスクレシピ_定期的に復活する設置アイテム
一定時間で再取得可能になるアイテムのスクリプト 前記事の↓複数個取れるアイテムのスクリプトを流用します https://simb…
2025/09/24 08:40
モニスクレシピ_所持アイテムの消費表現
画像のように特定のアイテムを情報ボックスから消す方法 単純に[var:app_message_info アイテム名]とやってしまうと、どの…
2025/09/23 11:15
ツクセカ用モニスクレシピ
自分のマップで使ったモニスクのメモ。 もっと効率が良い方法もあると思いますので参考程度に。 間違いあったら教えてくだ…
2025/09/22 08:45
約5秒後に特定のマスのタイルを消すスクリプト(モニスク)
判定から5秒後に(0,0)(0,1)(0,2)(0,3)(0,4)のタイルを消す # 前面レイヤーを消すスクリプトになってるので任意で変更してくだ…
2025/09/10 12:39
hokug使ってみる_スプライトシートでフレームアニメーション
hokugで用意されているBlockクラスを使ってフレームアニメーションしようとすると、1コマにつき1画像ファイル使うので凝った動…
2025/08/06 22:18
hokug使ってみる_ツクセカのマップを利用する
ツクセカは2Dマップを作成して公開したりみんなで遊べたりするサービスです。 https://tsukuseka.com/ これで作ったマップ…
2025/08/04 22:26
hokug使ってみる_メモ3(Blockクラス)
hokugのBlockクラスについてメモ プロパティ # プロパティ:初期値 x:0 //x座標 y:0 //y座標 width:0 //幅 height:0 //…
2025/07/31 20:40
hokug使ってみる_メモ2(メソッド)
hokugのメソッドをメモ メソッドはオブジェクトが持ってる関数です。 今まで使ってたhokug.drawText() とかそういうやつ …
2025/07/29 23:25
hokug使ってみる_メモ(game.js)
前回までの記事まとめ 1)https://simblo.net/u/Nz7RmE/post/453297 2)https://simblo.net/u/Nz7RmE/post/457242 3)https://s…
2025/07/28 21:25
hokug(ホクジー)使ってみる_5
前回記事 https://simblo.net/u/Nz7RmE/post/463575 今回は画像を使ってみます。 ゲーム画面で画像を表示する # 画像の…
2025/07/27 18:05
hokug(ホクジー)使ってみる_4
前回記事 https://simblo.net/u/Nz7RmE/post/460515 今回はゲームっぽい要素を入れていきます。 今まで文字を動かしてい…
2025/07/26 13:25
hokug(ホクジー)使ってみる_3
前回記事 https://simblo.net/u/Nz7RmE/post/457242 前回の作ったファイルに続けて書き込んでいく感じになります。 今回は…
2025/07/24 14:51
hokug(ホクジー)使ってみる_2
前回記事 https://simblo.net/u/Nz7RmE/post/453297 前回の終わりで「次は条件分岐やループだ」と言ったがあれは嘘だ。 …
2025/07/22 18:31
hokug(ホクジー)使ってみる_1
hokug? # タイッツー開発でお馴染み「ほく」さんが開発したゲームエンジンです。 クソゲーが簡単に作れるらしいです。JavaScr…
2025/07/22 06:48
カエルマップエディタおまけの使いかた
↓基本的な使いかた https://simblo.net/u/Nz7RmE/post/363809 ↓少し高度な使いかた https://simblo.net/u/Nz7RmE/post/36904…
2025/05/22 14:39
カエルマップエディタのちょっと高度な使い方
基本的な使い方はこちら↓ https://simblo.net/u/Nz7RmE/post/363809 おまけのつかいかた↓ https://simblo.net/u/Nz7RmE/po…
2025/05/22 12:36
カエルマップエディタの簡単な使い方
なにそれ # https://sdkaeru.com/tilemap/ これです。タイルマップエディタってやつです。 ↓ちょっと高度な使いかた http…
2025/05/20 00:11
もっと見る
タグ
hokug(10)
javascript(10)
ゲーム制作(10)
MorningScript(4)
ツクセカ(4)
モニスク(4)
もっと見る