同じ指示から生まれた、ふたつの「こもれび町」

双方に渡したゲーム制作の指示文は、これだけ

下の文章だけを双方に送りました。追加の制作指示や、画面・素材の指定を重ねずに作った「一発出し」の比較です。ドット絵も制作内容に含めています。

ここでの「一発出し」は、利用者からの制作指示が一度という意味です。付属の制作記録には、制作途中の実装・検証・修正の説明もあります。紹介文は提供されたコードと制作記録に基づき、モデル名は制作時に使用した名称を掲載しています。今回の2作品から、モデル全体の優劣は判断していません。

ドット絵のキャラクターが日本の小さな町の中で生活している様子を眺める放置型のゲームを作ってください。ドット絵も作ってください。で基本HTMLで動くようにしてください。それぞれのキャラがある程度自律的に動いて、町の中で生活している感じを出してください。  町の人の数は10人ぐらいで、えっと日本の普通のコンビニとかスーパーとかあったりとか、車が走ってたりとかする小さな町、田舎町でイメージして作ってください。なんかそれぞれのキャラクターが交流したり買い物したりとかしてくれると嬉しい。 キャラクターの外見とか年齢とかもそれぞれ違う感じにしてください。  

Argon版：町を歩き回り、できごとを起こして眺める

「こもれび町ライフ」は、町の中をドラッグで移動したり、拡大したりして住人を観察する構成です。住人を選ぶと、行動や気分、買ったものを確認できます。カメラで追いかける機能や、スーパーのセール、コンビニの新作スイーツといったイベントボタンもあります。

付属のMarkdownでは、住人の好みと時間帯から行き先を選ぶこと、横断歩道と橋を経由する移動、出会った相手との会話、買い物後の持ちものを工夫として挙げています。町や人物はCanvasで描き、昼夜の色調や窓・街灯の明かり、桜の花びらを重ねています。音はブラウザ内で合成します。

実行用のゲーム処理と画面は1つのHTMLにまとまっています。ただし、表示には外部のTailwind CSSとGoogle Fontsを読み込むため、完全なオフライン構成ではありません。

Sol版：一人ひとりの一日と、続いていく暮らしを眺める

「こもれび町」は、町全体の画面と住人一覧を並べた構成です。選んだ人の年齢、仕事、今の行動や、元気・満腹・親しみの状態、よく話す相手を確認できます。「追いかける」を選ぶと、住人や滞在中の建物に目印が付きます。カメラは町全体を映したままです。

付属の制作記録では、時刻・仕事・空腹・元気・天候に応じた行動、会話の後に間隔を置く仕組み、道をたどる移動を説明しています。横断歩道では住人が車を待ち、車も横断中の住人を待ちます。背景の模様を固定してちらつきを抑え、年齢や服装で住人を描き分けたことも記されています。

HTML・CSS・JavaScriptの5ファイルで動き、画像、音声、追加ライブラリを外部から読み込みません。暮らしはブラウザ内に自動保存され、写真ボタンで町の画像を書き出せます。会話は用意された短文を使い、プレイ中に外部のAIへ接続する仕組みはありません。

見比べるなら、同じ人を少し追ってみる

まずはそれぞれで一人を選び、行き先や買い物、誰かとの会話を眺めてみてください。時間を進めたときの明かり、町と住人の情報の見せ方にも違いがあります。どちらが自分の「眺めていたい町」に近いかを探すための展示です。

速度や品質の点数付け、生成時間の比較はしていません。スクリーンショットは町の描画部分を掲載し、Argon版の操作画面全体は含めていません。