自主制作 / ブラウザーゲーム

HARVEST ISLAND

小さな島を、少しずつ自分の農園に。

にんじん・小麦・トマトを育て、収穫物を出荷して土地を広げる3D農園ゲームです。淡い配色とシンプルな形を大切にしながら、動物の散歩やトラックの配達で、島の小さな動きを表現しました。

Three.js / JavaScript / Web Audio APIブラウザー・クラウド保存2026年10月

ChatGPTへのログインが必要です。初回は音声OFFで始まります。

制作の狙い

育てる、売る、土地を広げる。小さな行動の積み重ねが、島の変化として見えるゲームを目指しました。

見た目はシンプルに保ち、次の目標や売却内容を分かりやすく伝えることを大切にしています。

種を植えて育て、収穫物を出荷。得たお金で新しい土地を開拓し、最初の6区画から16区画の農園へ広げていきます。

毎日の納品依頼や加工所を使いながら、自分のペースで農園を育てられます。

3種類の作物を栽培。収穫物を積んだトラックが出発し、配達後にお金を受け取ります。

最初の6区画から16区画へ。操作案内と段階ごとの目標が、次の一歩を示します。

曜日ごとに3件、週21パターンの納品依頼。指定の作物を納めると、通常出荷より多くのお金を受け取れます。

目標にした依頼の必要数を、出荷や加工に使わず確保。売る数・残す数・入金予定を確認できます。

10区画で加工所が開放。作物を加工して受け取り、出荷できます。加工中も農作業を続けられます。

操作画面を隠して島を眺め、PNG画像として保存できます。開拓の記念を一枚に残せます。

小麦からパン、トマトとにんじんからスープへ。加工の待ち時間にも畑を手入れできる、ひとつの製造枠を用意しました。

必要な材料、完成までの時間、出荷価格を選択画面にまとめています。

少ない形で島を表現: Three.jsでモデルを組み立て、繰り返す作物パーツにはインスタンス描画を使用しています。
ルールと描画を分離: 栽培・出荷・加工の処理を3D表示から分け、保存や取引を自動検証できる構成にしました。
時間と保存を管理: サーバーで作物の成長や日本時間の依頼更新を判定。操作IDとデータの版を使い、再送や同時操作による重複処理を防ぐ仕組みを設けています。
音を選べる設計: Web Audio APIでBGM・効果音を合成。初回は音をOFFにし、それぞれの音量を調整できます。

AIによる実装支援を活用した自主制作です。企画・ゲームの方向性・見た目や機能の判断はkaito、実装・調整・検証にはCodexを利用しています。

ローカル環境で51件の自動テスト、56通りの経済シミュレーション、複数の画面幅での表示を確認しました。実機での性能や第三者による使いやすさの評価は、今後の確認項目です。

3D描画：Three.js / MIT License。モデルはコードで構成し、音声はWeb Audio APIで合成しています。