かれぴっぴ恋愛シミュレーション

かれぴっぴ恋愛シミュレーションゲーム(ネタ)
hasecom.github.io/hanama-kekkon-daisakusen-game/
2021
JavaScript
React

コンテンツ

恋愛シミュレーションゲームです。
2択の選択式でストーリが展開していき、かれぴっぴと正しい形で結婚できるかというゲームです。

制作した経緯

SNS上でお世話になっている方が、このイラストを投稿したのがきっかけとなりました。
完全にネタ枠での創作でしたが、新しい技術を習得するには、もってこいのテーマでした。

制作にあたって

Reactを使って制作しました。
Jsonでデータを持つ構造にしました。
画像やメッセージや展開などすべてコンスタンスにしました。
仕組み自体はシンプルでしたが、データが複雑で増えてしまったので、そこに時間がかかりました。 データ構造も共通化したために表現も難しくなりました。どのビューの時にどの選択肢、どの画像、それらの選択肢にそれぞれどのビューを紐づけるか、
初期ビューや選択肢ビュー、ゲームオーバー、エンドなどの識別を設けたりとしました。そのため主キーを持たせてRDBみたいな構造になりました。