【自作ツール配布】2Dゲームのマップを簡単に作る話

こんばんは。てんたこソフトです！

今回は自作ツールの紹介と前の記事で言っていた「オートタイル」に関する記事です。

自作ツールの紹介

マップチップに関する少し便利な機能を乗せたツールになります。
このツールはオフラインツールなので、ネット接続の有無関係なく利用できます。
主に、

• アクションゲーム用のオートタイル画像の生成(Godot Engine向け)
• 14種類のマップチップから49種類のマップチップの生成
• シングルタイルのプレビュー

の3種類です。
よく分からないと思うので、gif画像付きで紹介します！

オートタイル画像の生成(Godot Engine向け)

サンプル画像と同じ書式の画像をアップロードして、読み込む1タイルの大きさを指定してあげて下さい。
1タイルの大きさを32pxにした場合、アップロードされた画像から32x32で読み込み、画像を生成します。

参考画像は64x64を基準としているので、タイルの大きさも64x64です。
実践記事は本記事のフォロー限定記事で書くので分かりにくい場合はそちらをご覧ください。

【type: 14】AutoTile Templater

14種類の画像からオートタイル画像を生成します。

【type: 49】AutoTile Templater

49種類の画像からオートタイル画像を生成します。

マップチップの生成(14 to 49)

石畳のマップチップは1、2種類だけでは済みませんよね。
石畳同士の結合パターンを描かなければなので。

このツールは、左上角のパーツを作ったら「右上角・右下角・左下角」を生成してくれるようなツールとなっています。

【type: 14】MapChip Maker

サンプルの書式に従った14種のタイル画像をアップロードすると、他の必要なパーツを補填した画像を生成します。

シングルタイルのプレビュー

このタイルを並べたら自然につながるのかな～？と思った時に使えるツールです。
150x150より大きいと上手くいかないかもしれません。必要になったら拡張します。

【type: 14】MapChip Previewer

※【type: 14】とありますが全く関係ありません。消し忘れです。
シングルタイルを繋げて表示するツールです。一応繋げた画像をダウンロードできます。
1タイルの大きさはアップロードされた画像に応じて自動で設定されるので、いじらなくて大丈夫です。

配布について

フォロー記事(無料)にて配布します。
DLした方は、readme.txtを一読して下さい。

おわりに

話は変わりまして実は今日Twitterを開設しました。

こちらですね。

開発に詰まっているけど記事にするほどでもない、でもなんだか吐き出したい！
そういう時に使うことにしました！

ゲームの進捗は基本Twitterでは発信しません。
Ci-enの特典なのでゲームの進捗はここで発信していきます！

当然、えっちな画像もTwitterではあげません。
代わりにCi-en記事の投稿がお知らせツイートされます(多分)。

「今何に詰まってるのかな？」「どんな人なのかな」等興味がある方はフォローしてやって下さい。

使い方がまだ分かっていないのでお知らせミスがあったらすみません！

【自作ツール進捗】マップチップ生成ツールが動作版まで完成した話

こんばんは。てんたこソフトです！

ずっと開発していたツールがやっと動作版まで完成しました。
今回はそんなお話です。

動作版とは？完成じゃないの？

本当に必要最低限の機能しか設定していないので、ビジュアル面が非常にお粗末になっております。そういう意味では完成してません。

が、ゲーム制作に打ち込み始めたいのでとりあえずツール開発はお休みします。

なんの話か分からない方はこの記事を読んでいただければと思います。

最終的に機能はどうなったの？

• 49種類のマップチップからオートタイル用のテンプレート画像を生成
• 14種類のマップチップからオートタイル用のテンプレート画像を生成

の2種類の機能になりました。

実用的なのは14種類の方です。
どんな種類分けかというとこんな分け方です。

大分コンパクトになりましたね。
文字で列挙すると

• 左上角(内側壁無し)
• 下向きT字通路
• 左上角(内側壁有り)
• 左上通路、右・右下・下接続部
• 壁(8方向接続部)
• 4方通路(接続部は上下左右のみ)
• 7方向接続部(左上壁)
• 6方向接続部(左上左下壁)
• 5方向接続部(左上左下右上壁)
• 斜め通路(左上)
• 片側壁(上部のみ壁)
• 突起(左)
• 通路(横)
• 単体(接続部無し)

となります。
この14種類なら単調すぎないデザインもできる上に、労力も最低限でいいんじゃないでしょうか？

3種類と4種類のものは未実装です。
面倒な上にトリッキーな使い方になるので......
自分が欲しくなった時か要望がある時に作りたいと思います！

配布はするの？

次回の記事で配布予定です。
フォローユーザーのみツールをダウンロードできるようにします。
動作テストはgoogle chromeでのみ行っています。
他のブラウザで動くかは分かりません(IE以外なら動くと思います)。

おわりに

完成したぞーーーーっ！！！

なかなか大変でした。約一カ月かかってしまいましたね。
このくらいのツールを作るのに一カ月か～、と自分の技術力を把握できて良かったです。

実際に書いたプログラムは約900行程度です。どうなんですかね、この文量。
ツクール系のスクリプト書いてる人はもっと書いてるんでしょうね、きっと。
先人様はすごいなぁ(尊敬の眼差し)。

このペースだとアクションゲームはどのくらいかかるのか。
また初めての言語でプログラムしていくので結構かかるかもですね。

正直プログラムよりドット絵の方が心配ですけども......
まぁ、ドット絵は大胆に打っていきましょうか！やったことないことに頭を抱えても答えは出ませんからね！

同人のおいたんおねぇたんは優しいって誰かが言ってたので、それを信じてやっていきたいと思います。

追記：入荷未定だったリニアPCMレコーダー『DR-07X』ちゃんが今日届くみたいです。やったぜ。俄然ゲーム制作のやる気がでてきたぞ～！

【自作ツール進捗】致命的な設計ミスで作り直す話

こんばんは。てんたこソフトです！

皆さんは、完成間近というところで作り直しになった経験はありますか？
自分は今さっきなりました！
今回はそんなお話です。

どんな問題が起きたの？

つまるところコイツです。

45種類のタイルがあれば作れる！と思い込んでました。
CornerがConerになってるのは関係ありません。

あと4種類必要でした。
ただ画像生成の手法が想定と変わるため、増加した49種類の方を作るのは簡単なのですが、本命の3,4種類の方ができないことに気が付きました。

さて、どうしようかとかなり迷っています。
というか困ってます。本当にどうしよう？

とりあえず今日はふて寝します。
ずっとアルファベットを眺めていたので、頭をリセットするついでに息抜きでもします。

おわりに

ゲームの方は先にシナリオを作っているんですけど、どこまでをゲームにしたらいいのか悩みますね。
主人公ちゃんのキャラは決まりました。あともう一人もおおまかにできました。

初めて制作側になって改めて思います。
アクションゲームにストーリー組み込んでる人すごい！！！
好きな機能を取り入れてる人すごい！！

ちょっとこだわると一年以上かかりそうなので、ある程度許容していきたいです。
初めから全部入れなくてもいいですもんね。

【自作ツール進捗】画像を64x64に切り分けるのに成功した話

こんばんは。てんたこソフトです！

今回は自作ツールの進捗報告です。
前回から違う点として、

• ドラッグ＆ドロップで画像アップロード
• アップロードした画像のプレビュー
• 生成画像のプレビュー(仮)

の機能を実装しました。
今回のメインは、画像を生成するための機能の話です。
サムネ画像の通り、左上の画像を64x64の大きさで切り出す機能を実装しました。

こんな感じですね。

見た目だとあまり進んでませんが、ここまできたら後は118個の座標にタイルを当てはめるだけですね！
この作業は手動なのである意味山場です。今日中に完成させたい！

おわりに

この分解機能はプログラムで実装しているんですけど、作業中に今どんなふうになっているか見えないのでドキドキしながら実装してました。

プログラムが間違っているとプレビュー自体が真っ白になって見えないので、上手く映った時の安心感はすごいです。

また、何で動かないのかを究明するより、違うアプローチで実装した方が解決することが多かったです。
そもそものやり方を間違ってることが多いんでしょうね。気をつけねば。

以上、開発の息抜き記事でした！

恐ろしいクオリティのBGMが手軽な価格だった話

こんばんは。てんたこソフトです！

みなさん、BGM、どうしてますか？
多くは、フリーで提供して下さっているものを利用していると思います。
クオリティの高い音を無料で、更には著作権フリーで提供して下さるなんて感謝してもしきれませんよね。

時々有料BGMに手をだしてみようかな～、と考えはしますが、無料の曲のクオリティが高くていまいち手を出す気になれなかったりしませんか？

今回は有料のいい曲を見つけたという話です。

Perfect Circle さん

見出しの名前のサークルさんのことなのですが、この方の作る音がとても凄いんですよね。
ぜひこちらからサークルページに飛んで、最初にあるサンプルBGMを聞いてみてください。

「著作権フリー BGM集 SF Beats Vol.1 /ダーク ファンタジー 近未来 宇宙」のサンプルは一曲一曲が違う雰囲気で、それぞれの雰囲気の品質が分かるようになっているため期待が膨らみますね！

他にも聞いてみてほしい曲があるんですよ！

このページの、「Theia / Orpheus」「Terra」という曲です。

この2曲で特徴的なのは環境音が入っていることです。
もう少し正確に言うと、環境音の主張が強めにも関わらず、曲と自然に調和していることです。

個人的に、環境音を上手く使える人は音のプロなんだなぁと思わされることが多いです。

今回紹介した理由は「良い品質だから」だけでは無いです。
自分の作ったシナリオと曲が合わないことって多くないですか？
ある場面場面に馴染む楽曲を時間をかけて探していると思います。

何が言いたいかといいますと、この方の曲って色々な場面に違和感なく馴染むんですよね。

比較すると分かりやすいので、Artlistというサービスと比較して語りたいと思います。

Artlistとは年に約2万円払えばプロクオリティの曲が著作権フリーで使い放題になるというサービスです。聞くだけなら無料なので聞いてみてください！
ここの曲もクオリティがとても高いです。でも個人的に使う気にはなれないんですよね。

理由として、音楽がリアル系だからです。
私は2D系もとい二次元の方を制作しているまたは制作を目指している者なのですが、そこの曲がリアル(3次元)の映像にピッタリすぎて使いこなしにくいわけです。

それと比べてPerfect Circleさんの曲はリアル、空想どちらでも使いやすい印象を受けました。

こちらの曲はそれが顕著です。

お洒落だけどリアルすぎない。
そんな曲はなかなか巡り合えません。
その上でこのサークルさんの曲は価格も良い！！

このクオリティで24曲入って2000円行かないって凄くないですか？
4曲のものだと280円ですよ？
おやつをつまむ感覚で買えてしまいます。
更に著作権フリーという至れり尽くせり......

感動してしまったのでつい記事にしてしまいました！

おまけ

今は楽曲を出してるみたいですけど、効果音や環境音とか出したりする予定あるんですかね？
効果音はOGAWA SOUND さんがとても良いクオリティなんですけど、気軽には手を出せない金額なのでそのあたりを注目しています。
ちなみにOGAWA SOUND さんの効果音は「天穂のサクナヒメ」というゲームで使われていたりします。刀の音がとてもいい味をだしているんですよね。

よかったらそちらも聞いてみて下さい。