LoginSignup
0
0

More than 5 years have passed since last update.

描画の書き換え〜お楽しみはこれからだ!番外編:脱サッパリ系ビスケットプログラミング〜

Last updated at Posted at 2019-03-14

こちらの記事はサッパリ系ビスケットプログラミング#4〜#7をご覧になった上で読んで頂けると幸いです。

プログラムが先か、仕上げが先か

まずは、こんな絵で良いのです

D53CF6C2-C8EC-46E5-AB04-2A3C4A9FF669.jpeg
描画を後回しにしてサッパリしたプログラムを組む「サッパリ系ビスケットプログラミング」です。

ゲーム制作の手順について考えてみる

どんなゲームでもそうですが、キャラクターデザインやステージデザインによって作品の仕上がりは全く別者になります。
自作のゲームの場合は特にそうですが、ステージやキャラクターなどに迷いがあったり、画力に自信がなかったりすることもあり、これだと決定するときに迷うこともあるかと思います。

【ゲーム制作の悩みあるある】

・絵は自信があるが、プログラムは苦手(デザイナータイプ)
・逆、プログラミングは得意だが絵はあまり💦(プログラマータイプ)
・全部仕様が決定してからでないと行動する気にならない(All or Nothing タイプ)
・逆、なんでも良いのでとにかくとりあえずゲームを作って動かしたい(Hands onタイプ)
・空いた時間でコツコツ作っていきたい。考えすぎると進めない。(Small Stepタイプ)
と、こんな感じのお悩み、ないでしょうか?

プログラムが先か、描画が先か?

そんな方々に提唱するのが、描画を後回しにしてサッパリしたプログラムを組む「サッパリ系ビスケットプログラミング」でした。
今回は、プログラムが完成した後のお楽しみ、描画の書き換えです。ビスケットのプログラミングではコーディングは画像で全て行いますので、少しの労力で、元となるプログラムと違う画像のバージョン制作が楽しめます。

お楽しみはこれからだ!カンタン画像書き換え

F6B0781E-44FF-436E-815F-FE8A908CE519.jpeg
こちらはまだ完成度50%くらいのマリオ風プログラムですが、前回ひと段落ついたので、描画の書き換えをしてみます。
0603A7F9-4DE8-470B-B59E-65CA58E6DB64.png
約15分後にはこんな感じに。ビスケットはこのようにして、完成したプログラムを手軽に描画し直して雰囲気を変えるという楽しみ方があります。

描画の書き換え方01FC9E37-29E4-4783-B859-6904D1EADAC4.png

描いたパーツを長押しすると鉛筆マークが出現します。
9D45F2AB-941F-4055-83B9-F67FD1227E29.png
するとパーツ描画画面になるので↩️マークをタップすると描画をアンドゥできます。
8F42EA46-39C9-410F-AB0C-C8590FCF7A7F.png
描画を書き換えて⭕️で決定、プログラム画面に戻ると…44E0CDE2-E9E6-416F-92CC-E0516B447138.png
これだけで、ステージの雰囲気はガラリと変わります。背景色をいじって、重力センサーを背景色に類似した目立たない小さなパーツにします。他のパーツも描画の書き換えをすると…
A6E05DA8-CDE5-4863-9AA1-F44F704657B4.png
0BE11A31-8FAE-43F9-946C-E0F3FF7A976E.png
640DE506-198F-4596-881A-83BA70D33006.png
9707DC66-1383-4E6E-BF5B-C74FC75FD0AD.png
これはまだまだ描画の書き換え途中ですが、再描画に飽きたら描きたくなるまでプログラム制作に集中すれば良いのです。
こんな感じでサッパリ系のプログラミング後に描画の書き換えを進めていきましょう。

ビスケットは最初のプログラムが上書きされることはありません。保存しただけの全てのバージョンが残ります。
制作画面の場所をメモしておいて、エンピツマークで制作→保存→新しい制作画面の場所をメモ→以下ループ…

老舗の鰻屋のタレのように、継ぎ足していく感じで気楽にゲーム制作を進めていきましょう。

以上、サッパリ系ビスケットプログラミング番外編でした。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0