かれぴっぴ恋愛シミュレーション
かれぴっぴ恋愛シミュレーションゲーム(ネタ)
hasecom.github.io/hanama-kekkon-daisakusen-game/
2021年
JavaScript
React
コンテンツ
恋愛シミュレーションゲームです。
2択の選択式でストーリが展開していき、かれぴっぴと正しい形で結婚できるかというゲームです。
制作した経緯
SNS上でお世話になっている方が、このイラストを投稿したのがきっかけとなりました。
完全にネタ枠での創作でしたが、新しい技術を習得するには、もってこいのテーマでした。
制作にあたって
Reactを使って制作しました。
Jsonでデータを持つ構造にしました。
画像やメッセージや展開などすべてコンスタンスにしました。
仕組み自体はシンプルでしたが、データが複雑で増えてしまったので、そこに時間がかかりました。
データ構造も共通化したために表現も難しくなりました。どのビューの時にどの選択肢、どの画像、それらの選択肢にそれぞれどのビューを紐づけるか、
初期ビューや選択肢ビュー、ゲームオーバー、エンドなどの識別を設けたりとしました。そのため主キーを持たせてRDBみたいな構造になりました。