開発記録⑩

今年のウディフェスに出したいと思っているジグソーパズルゲーム、その名も「ジグソーレイン」。現在の開発状況を報告します。

元の絵

たぴすさんの顔グラフィック使用、サイズを360x360px＋背景を茶色に。

ゲーム内では

読み込んだピクチャをゲーム内でジグソーパズルに変換出来るようになりました。

以前はGIMPを使ってピクチャを一つずつジグソーパズルの絵に変換していたのですが、この方法だともしアップデートなどで新たにピクチャを用意したい場合、そのピクチャをジグソーパズルの絵に加工する必要があるのでめんどくさい大変な作業だなと思い、ピクチャ自体を加工せずにジグソーパズルに出来る方法がないか模索しました。

同じピクチャを使用した加算ピクチャと減算ピクチャを重ねると元の色に戻るのを発見して、減算ピクチャと黒いピースピクチャと加算ピクチャを重ねてみたところ、背景が白の時だけですがピースの部分だけ絵を表示できるようになりました！（色が濃い別のピースを重ねると表示バグがたまに出ますが…）

なので他のピクチャも

このように簡単にジグソーパズルを作る事が出来ます。

他にも少しアクション要素を少し入れてみました。まずピースはこのゲームのタイトル「ジグソーレイン」の名前通り上から下にくるくる回りながら移動します。もちろんそのピースをつかんで通常のジグソーパズルのように自分で正解の場所を探す事も出来ますが、何もない所をクリックしながらピースに何回かスライスするとピースが青くなって動きが止まり、そのピースをつかむとどこにピースに置けばいいのか一目でわかるようになります。

マウスに当たったピースが青くなっている。

マウスが表示されてないのでわかりずらいが一番右のピクチャをクリック中。ピースを置くべき場所が灰色になっている。

まだ結構やる事がたくさんあるのでウディフェスに間に合うか心配ですががんばります！

今回の冒険の履歴

• ピースの形をジグソーパズル風になった！
• ピースをスライスすると青くなりそのピースをつかむと正解の場所がわかるようになった！
• 最大ピース数を200枚に変更した！
• ピクチャを好きな大きさに変えられる機能を廃止し代わりに回転が出来るようになった！

次回の目標

• 絵を自作する（とりあえず10枚分）
• サウンドを入れる
• タイトル、メニューの作成
• ジグソーパズルのプログラムの強化、色が濃い別のピースを重ねると表示バグをなんとかする