みなさんこんにちは!おさかなです!
今回は「Dungeon Map Doodler」について、書いていこうと思います!
それでは、レッツゴー!!!!!
・2Dゲームマップ作成ツールを探している方
・デジタル上でも手描き、フリーハンドで地図を作りたい方
・ゲーム開発中の方
「Dungeon Map Doodler」って何?
「Dungeon Map Doodler」とは、フリーハンド描ける「ゲームマップ作成ツール」のことです。まるで手描きで絵を描くように、ダンジョンマップが作れます!(すごい!)
![](https://dungeonmapdoodler.ca/images/background.png)
![](https://osakanav.com/wp-content/uploads/2022/06/mapgen4-top-160x90.png)
実際に使ってみよう!
ゲームマップの作り方
それでは早速サイトにアクセスしましょう!
![](https://osakanav.com/wp-content/uploads/2022/12/dungeonmapdoodler.png)
まずは「DOODLE NOW」をクリック!(えい!)
![](https://osakanav.com/wp-content/uploads/2022/12/XbB0irKLy9QyJiZ1670405149_1670405159.png)
すると…このように「編集ページ」が開きます。
![](https://osakanav.com/wp-content/uploads/2022/12/dungeonmapdoodler-set.png)
マス目上で、クリックしながらカーソルを動かすと……このようにダンジョンの形を決められます!(いいね)
![](https://osakanav.com/wp-content/uploads/2022/12/dungeonmapdoodler.gif)
右側の「Choose Style」を押すと…?
![](https://osakanav.com/wp-content/uploads/2022/12/QyTAqVBzCMWqwoo1670405343_1670405356.png)
こんな感じで、あらかじめ用意されているダンジョンの「スタイル」が選べます!(おお!)
![](https://osakanav.com/wp-content/uploads/2022/12/dungeonmapdoodler-style.png)
海や異世界っぽい場所まで、ぜんぶで11スタイルあります。
![](https://osakanav.com/wp-content/uploads/2022/12/dungeonmapdoodler-style1.png)
試しに「草原のステージ」を選択。先ほど描いた形に合わせて、スタイルが適用されています!(めっちゃいい感じ👍)
![](https://osakanav.com/wp-content/uploads/2022/12/dungeonmapdoodler-kusa.png)
メニューの「Overlay」を変更すると…?
![](https://osakanav.com/wp-content/uploads/2022/12/QyTAqVBzCMWqwoo1670405343_1670405570.png)
こんな感じで、既存のステージに「光・影」を追加できます。(ふむふむ…。)
![](https://osakanav.com/wp-content/uploads/2022/12/dungeonmapdoodler-blue.png)
(これは夕方っぽい感じだ〜!)
![](https://osakanav.com/wp-content/uploads/2022/12/dungeonmapdoodler-sunset.png)
「Blend Mode」を変更すると…?
![](https://osakanav.com/wp-content/uploads/2022/12/QyTAqVBzCMWqwoo1670405343_1670405693.png)
こんな感じで「ステージ自体の色」が変わります!(怖いステージにありそう…👻)
![](https://osakanav.com/wp-content/uploads/2022/12/dungeonmapdoodler-death.png)
回想シーンも作れそうです。(あれは…3年前のことだった。笑)
![](https://osakanav.com/wp-content/uploads/2022/12/dungeonmapdoodler-kaisou.png)
「Layer Option」では、レイヤーを追加できます。
![](https://osakanav.com/wp-content/uploads/2022/12/QyTAqVBzCMWqwoo1670405343_1670405810.png)
ステージ・アイテム・ボスなど、それぞれ別のレイヤーで作成しておくと、あとから修正するときに便利です。(イラスト上手い人なら、すぐ使いこなせそう)
![](https://osakanav.com/wp-content/uploads/2022/12/dungeonmapdoodler-reiya.gif)
(3つ並べれば、なんでも可愛くなる説。勝手に検証!笑)
![](https://osakanav.com/wp-content/uploads/2022/12/dungeonmapdoodler-option.png)
メニューをスクロールすると「Tool Option」が使えます。
![](https://osakanav.com/wp-content/uploads/2022/12/LvPntLWYGPLwD5I1670406149_1670406168-1.png)
こちらは「ペン・テキスト・図形・スタンプ」など、使用する機能を切り替えられます!(よし!)
![](https://osakanav.com/wp-content/uploads/2022/12/dungeonmapdoodler-parts.gif)
この中でも「スタンプマーク」が結構使えそうで…。
![](https://osakanav.com/wp-content/uploads/2022/12/9kpOR4ZwtGgGBtS1670407820_1670407838.png)
「宝箱・モンスター・アイテム」など、ゲームでよく使用するイラスト素材がまとめられています。(助かる〜)
![](https://osakanav.com/wp-content/uploads/2022/12/dungeonmapdoodler-stamp.png)
(これずっとラズベリーパイのロゴみたいだなって思ってたけど、ベッドじゃん。笑)
![](https://osakanav.com/wp-content/uploads/2022/12/dungeonmapdoodler-item.gif)
パーツの削除は、「消しゴムマーク」から可能です。
![](https://osakanav.com/wp-content/uploads/2022/12/LvPntLWYGPLwD5I1670406149_1670406233.png)
(またね〜〜〜✋)
![](https://osakanav.com/wp-content/uploads/2022/12/dungeonmapdoodler-del.gif)
左側の「+ー」では…?
![](https://osakanav.com/wp-content/uploads/2022/12/LvPntLWYGPLwD5I1670406149_1670406359.png)
編集ページを「拡大」したり…。
![](https://osakanav.com/wp-content/uploads/2022/12/dungeonmapdoodler-wide.png)
「縮小」したりできます!(見やすい!)
![](https://osakanav.com/wp-content/uploads/2022/12/dungeonmapdoodler-small.png)
![](https://osakanav.com/wp-content/uploads/2022/10/breshna-top-160x90.png)
(ひと休み🍵)
保存しよう!
作成したゲームマップを保存するときは、ページ上部の「File」をクリック!(ポチっと)
![](https://osakanav.com/wp-content/uploads/2022/12/fHwr0M3dBVYfbBb1670406469_1670406480.png)
続けて「Export Image」を選択します。
![](https://osakanav.com/wp-content/uploads/2022/12/9WEdTgws60OtemS1670406576_1670406588.png)
ファイルの拡張子を、PNG,JPG,BMPから選んで「Save」を押せばOKです!
![](https://osakanav.com/wp-content/uploads/2022/12/rqs7dz2GpsaDwyY1670406631_1670406645.png)
↓実際に作成したものがこちら
![](https://osakanav.com/wp-content/uploads/2022/12/DungeonMapDoodle-1.png)
![](https://osakanav.com/wp-content/uploads/2022/12/DungeonMapDoodle-2.png)
いかがでしょうか?
ゲームによくある「見えてるけど行けない場所」を作りたかったので、左下に気になるスポットを作成。木箱や岩がいい味だしてますね〜!
みなさんも是非、自分だけのオリジナルダンジョン作ってみてください✨(お疲れ様でした🍵)
![おさかな](https://osakanav.com/wp-content/uploads/2019/08/osakana.jpg)
パソコンでもフリーハンドとは…紙っぽいなそれ!
![ナビまる](https://osakanav.com/wp-content/uploads/2019/09/navmaru-2.jpg)
神っぽいな。笑
これで全ての操作は完了です。(やった~!)
お疲れ様でした☕
ここまで読んでくださり、ありがとうございました!
![](https://osakanav.com/wp-content/uploads/2022/12/vtuber-top-160x90.gif)
↓制作に携わった記事
TVアニメ『お隣の天使様にいつの間にか駄目人間にされていた件』
— アニメイトタイムズ公式 (@animatetimes) December 7, 2022
椎名真昼のお誕生日ビジュアルが公開──
“天使”すぎる笑顔が話題に!【注目ワード】#お隣の天使様#真昼生誕祭https://t.co/r8bgi8sXMc