tsuvYAKI

ゆるゆるアトリエ

▼ようこそ おえかきのすなばです

リンク

ホームページ / misskey(日常の排出)

連絡先


↓拍手・メッセージフォーム(データの一部としてIPアドレスをサーバーに送信しますが、個人を特定するものではありません)

メッセージを送る時、複数タブでフォームを表示させているとトークン不一致エラーが出ます。
返信不要と書かれていても内容を引用返信します。非公開/記名の内容は非引用返信になります。

メッセージは文字まで、同一IPアドレスからの送信は一日回まで
現在文字数 0文字


No.1230

#『嵐の夜の宿』制作記録

覚えているうちに覚え書きです。
この記事には、「どこをAIに任せ、どこを自分でやったか」の線引きを書いているので、プレイ前に気になる人は読んでおいた方がいいです。

きっかけ:ふと「そういやwebゲームブック作りたいって言ったけどまだやってないな~、GPTさんに相談するか~」とはじめたら、思ったよりもとんとん拍子で進んでしまい、後に引けなくなってしまいました。

最初に投げた質問はこうです。
GPTさん、自分の創作サイトに、Javascriptで作られたWEBゲームブックのようなものを置きたいです。 基本構造は、
body
 └コンテンツ
  ├ヘッダー
  ├シーンコンテナ(必要に応じて画像や文章を表示していく)
   ├会話コンテナ(3カラム、両脇に立ち絵、中央に会話吹き出し表示)
   └選択肢コンテナ
  └フッター
とし、同じhtmlの中で選択肢を選んで話を進めつつ、アイテムなどの状態変数やランダム要素も含めてみたいと思っています。 まず、これについて質問があれば受け付けます

という感じで、まず仕様について確認をして、実装しては欲しい機能などを継ぎ足していきました。
コードのことはド素人なので、たびたび挿入位置がわからなかったり、閉じタグを間違えたりしましたが、そういう時も修正箇所を教えてもらったりしていました。

コンセプトは「無限に雑談ボタンを押せるゲーム」
舞台を嵐で閉じ込められた宿ということにし、最初なのでミニマルな仕様にしようと思ったのですが蓋開けたらなんかもりもりだったな。
同じ宿に集う人々とわらしべ長者みたいなアイテムのやりとりをするのがメインルートで、雑談でいくらでも滞在できるよ~というゲームにしたかったのです。

chatGPTにさせた作業は以下の通りです。
  • ベースのファイル構成
  • js、css、htmlのコーディング
    • シーン実行jsのテンプレート作成
    • 描画関数jsの内容
    • cssのベース
  • 勝手にセーブロードなどのヘッダーメニュー機能を生やす
  • 主にファイル名に使う英語の翻訳
  • モチベーションの足りない作者を応援する


私が自力でやった作業は以下の通りです。
  • コンセプトの提示
  • 全体の仕様を考え指示
  • テストプレイと修正指示
  • シーン内容のテキスト・画像・セリフ・演出


人によっては、「これはAIコンテンツだろ!」になるかもしれませんね。遊ぶかどうかはそのへんのあなたの倫理に従ってくださいね。
で、できた画面がこんな感じになっております。
20251016102040-admin.pngこれ吹き出しとか全部アニメーションで出てきます。アニメーション速度は設定スライダーから変更できます。文字の大きさとかもいじれます。
正直この会話部分の見栄えが最高によくて、作者自身が無限に雑談を押す罠に陥っているという。
今から立ち絵の差分イラストを制作するので、それが加わればもっと破壊力があるものになりますよ。こうご期待。
畳む


thanks
絵がない投稿になってしまった。絵が描けたら今日のうちにもう一回しときたいです。

制作記録