tsuvYAKI

ゆるゆるアトリエ

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

リンク

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

連絡先


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

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

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


カテゴリ「制作記録」に属する投稿3件]

20251019222252-admin.png(※存在しないスクリーンショットです)

#『嵐の夜の宿』制作記録
ゲームを公開しました。
プレイ時間は最大1時間ほどかと思われます。雑談をひたすらするゲームです。特に何も進みません。

重々言っている通り、このゲームはコーディングを全てchatGPTにやらせています。
生成AIが関与していることに文句をつけない方のみこれを承諾し遊んでください。

私が遊んでいて満足感があるものにはなりました。次はもうちょっと規模の大きいものをやってみたいという欲求もあります。
もし条件に合うようでしたら、ちょっとでもいいから遊んでみてください。

制作記録,お知らせ

#『嵐の夜の宿』制作記録
202510180023501-admin.pngタイトル画面と
20251018002350-admin.pngハブになるロビーの画面。

一通り全てを実装できたかもしれません。わからない。実は自分の環境でしかまともに動かないのかもしれない。
継ぎ接ぎでしか作ってないのでもうコードの綺麗さはあきらめたんですが、これで他人にテストプレイしてもらったら晴れて公開できます。
制作期間は10日でした。睡眠時間が犠牲になっているのであてにしないでください。これでようやく寝れます。

thanks
私みたいなのでも創作世界のゲームをつくれるようになるとは、技術の進歩にわくわくしちゃうな。
という考え方をしております。

制作記録

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

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

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

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

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

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

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


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


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


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

制作記録