マップチップを作ってみる

　マップチップを作ります。

---------------

■画面サイズ：800×600

　チップ：40×40px

　マップチップ：横320×縦40の倍数px

　オートタイル：横(40×アニメパターン数)×縦200px

---------------

　作るにあたりまず最初に出る疑問。

　何で作る？

　調べてみると口を揃えて出てくるフリーソフトが『EDGE』。

　ドット絵作成ツールです。

　この時点で「ドット絵かぁ…」となる自分。

　見るのは好きだけど描いた事ない。

　私も往生際が悪いので愛用のファイアアルパカさんで絵を描くにしました。

　動きの軽さが魅力のフリーソフトです。

◆ アルパカで素材作り ◆

　草原のチップを作ります。

１）アルパカで新規作成で40×40と320×40のデータを作る。

２）40×40の方で

　①緑で塗りつぶしたやつ

　②①に草を足した2種

　③①に白い花を描いた1種

　を作る。

３）320×40の方にコピペして並べる→png形式で保存

◆ ゲームに反映させる ◆

１）画像をエディター内のフォルダに移動

　「Data」→「MapChip」

２）デフォルトでは違う画像が登録されているので、「タイルセット設定」で自作の物と入れ替えます。

■サイズは合っているのに「サイズが合ってないから修正しろ」とエラー表示されたら、「ゲーム基本設定」を確認。

　「タイルサイズ」が変更されていない可能性があります。

　>>もう少し詳しく

■マップチップを描き変えた場合は、

　「タイルセット設定」→プレビュー画面で変更を確認→「OK」

　でマップチップウィンドウに反映されるっぽいです。

　確認

　エディタ上でもプレビュー画面でも特に問題はなさそうです。

　なんだ普通に絵を描いてもいけんじゃん！

　と思ったのも束の間。

　ドット絵ではない弊害が、透過画像で起こりました。

　透過はされているけど周囲が汚い。何で？

　原因は多分「アンチエイリアス」。

　絵と透過部分の境界にグラデーションが出来ているのが問題なのかな？

解決策

■境界線をドットにする

　→グラデーションの名残を消すのは忘れずに

　→境界に使う色が薄いと汚くなるのではっきりした色を使う