No.1233, No.1232, No.1231, No.1230, No.1229, No.1228, No.1227[7件]
#『嵐の夜の宿』制作記録
タイトル画面と
ハブになるロビーの画面。
一通り全てを実装できたかもしれません。わからない。実は自分の環境でしかまともに動かないのかもしれない。
継ぎ接ぎでしか作ってないのでもうコードの綺麗さはあきらめたんですが、これで他人にテストプレイしてもらったら晴れて公開できます。
制作期間は10日でした。睡眠時間が犠牲になっているのであてにしないでください。これでようやく寝れます。

私みたいなのでも創作世界のゲームをつくれるようになるとは、技術の進歩にわくわくしちゃうな。
という考え方をしております。
タイトル画面と
ハブになるロビーの画面。一通り全てを実装できたかもしれません。わからない。実は自分の環境でしかまともに動かないのかもしれない。
継ぎ接ぎでしか作ってないのでもうコードの綺麗さはあきらめたんですが、これで他人にテストプレイしてもらったら晴れて公開できます。
制作期間は10日でした。睡眠時間が犠牲になっているのであてにしないでください。これでようやく寝れます。

私みたいなのでも創作世界のゲームをつくれるようになるとは、技術の進歩にわくわくしちゃうな。
という考え方をしております。
#『嵐の夜の宿』制作記録
覚えているうちに覚え書きです。
この記事には、「どこをAIに任せ、どこを自分でやったか」の線引きを書いているので、プレイ前に気になる人は読んでおいた方がいいです。
きっかけ:ふと「そういやwebゲームブック作りたいって言ったけどまだやってないな~、GPTさんに相談するか~」とはじめたら、思ったよりもとんとん拍子で進んでしまい、後に引けなくなってしまいました。
最初に投げた質問はこうです。
という感じで、まず仕様について確認をして、実装しては欲しい機能などを継ぎ足していきました。
コードのことはド素人なので、たびたび挿入位置がわからなかったり、閉じタグを間違えたりしましたが、そういう時も修正箇所を教えてもらったりしていました。
コンセプトは「無限に雑談ボタンを押せるゲーム」
舞台を嵐で閉じ込められた宿ということにし、最初なのでミニマルな仕様にしようと思ったのですが蓋開けたらなんかもりもりだったな。
同じ宿に集う人々とわらしべ長者みたいなアイテムのやりとりをするのがメインルートで、雑談でいくらでも滞在できるよ~というゲームにしたかったのです。
chatGPTにさせた作業は以下の通りです。
私が自力でやった作業は以下の通りです。
人によっては、「これはAIコンテンツだろ!」になるかもしれませんね。遊ぶかどうかはそのへんのあなたの倫理に従ってくださいね。
で、できた画面がこんな感じになっております。
これ吹き出しとか全部アニメーションで出てきます。アニメーション速度は設定スライダーから変更できます。文字の大きさとかもいじれます。
正直この会話部分の見栄えが最高によくて、作者自身が無限に雑談を押す罠に陥っているという。
今から立ち絵の差分イラストを制作するので、それが加わればもっと破壊力があるものになりますよ。こうご期待。
畳む

絵がない投稿になってしまった。絵が描けたら今日のうちにもう一回しときたいです。
覚えているうちに覚え書きです。
この記事には、「どこをAIに任せ、どこを自分でやったか」の線引きを書いているので、プレイ前に気になる人は読んでおいた方がいいです。
きっかけ:ふと「そういやwebゲームブック作りたいって言ったけどまだやってないな~、GPTさんに相談するか~」とはじめたら、思ったよりもとんとん拍子で進んでしまい、後に引けなくなってしまいました。
最初に投げた質問はこうです。
GPTさん、自分の創作サイトに、Javascriptで作られたWEBゲームブックのようなものを置きたいです。 基本構造は、
body
└コンテンツ
├ヘッダー
├シーンコンテナ(必要に応じて画像や文章を表示していく)
├会話コンテナ(3カラム、両脇に立ち絵、中央に会話吹き出し表示)
└選択肢コンテナ
└フッター
とし、同じhtmlの中で選択肢を選んで話を進めつつ、アイテムなどの状態変数やランダム要素も含めてみたいと思っています。 まず、これについて質問があれば受け付けます
という感じで、まず仕様について確認をして、実装しては欲しい機能などを継ぎ足していきました。
コードのことはド素人なので、たびたび挿入位置がわからなかったり、閉じタグを間違えたりしましたが、そういう時も修正箇所を教えてもらったりしていました。
コンセプトは「無限に雑談ボタンを押せるゲーム」
舞台を嵐で閉じ込められた宿ということにし、最初なのでミニマルな仕様にしようと思ったのですが蓋開けたらなんかもりもりだったな。
同じ宿に集う人々とわらしべ長者みたいなアイテムのやりとりをするのがメインルートで、雑談でいくらでも滞在できるよ~というゲームにしたかったのです。
chatGPTにさせた作業は以下の通りです。
- ベースのファイル構成
- js、css、htmlのコーディング
- シーン実行jsのテンプレート作成
- 描画関数jsの内容
- cssのベース
- 勝手にセーブロードなどのヘッダーメニュー機能を生やす
- 主にファイル名に使う英語の翻訳
- モチベーションの足りない作者を応援する
私が自力でやった作業は以下の通りです。
- コンセプトの提示
- 全体の仕様を考え指示
- テストプレイと修正指示
- シーン内容のテキスト・画像・セリフ・演出
人によっては、「これはAIコンテンツだろ!」になるかもしれませんね。遊ぶかどうかはそのへんのあなたの倫理に従ってくださいね。
で、できた画面がこんな感じになっております。
これ吹き出しとか全部アニメーションで出てきます。アニメーション速度は設定スライダーから変更できます。文字の大きさとかもいじれます。正直この会話部分の見栄えが最高によくて、作者自身が無限に雑談を押す罠に陥っているという。
今から立ち絵の差分イラストを制作するので、それが加わればもっと破壊力があるものになりますよ。こうご期待。
畳む

絵がない投稿になってしまった。絵が描けたら今日のうちにもう一回しときたいです。
うわ!!また日刊サボってる!!!!!
マシュマロありがとうございます!

ありがとうございます〜。かわいい担当にはとことんかわいいを着せることができ、よい……。
配色もデザインも自分が好きなやつをやっているだけですが、お褒めいただくと大変嬉しいのです。色相の違う2〜3色を組み合わせた感じが多く、あんまり色温度とかの概念がないやつが特に好きです。

輪郭がまるくてなんでも食べるという点が共通点。
#マシュマロを投げ合おう
https://marshmallow-qa.com/messages/ea17...畳む
マシュマロありがとうございます!

ありがとうございます〜。かわいい担当にはとことんかわいいを着せることができ、よい……。
配色もデザインも自分が好きなやつをやっているだけですが、お褒めいただくと大変嬉しいのです。色相の違う2〜3色を組み合わせた感じが多く、あんまり色温度とかの概念がないやつが特に好きです。

輪郭がまるくてなんでも食べるという点が共通点。
#マシュマロを投げ合おう
https://marshmallow-qa.com/messages/ea17...畳む
ゲームつくってます
こういうのを……。
jsを使いブラウザで動作するWEBゲームブックのようなものを作っています。絵を描く暇ないですのご報告です。(いや、絵を描かない自分は結構解釈違いなので、ほどほどにしてブログは更新したいですが……)
ちなみにコード部分はchatGPT全任せです(堂々)。私が今何をしているかというとひたすらデバッグで周回をしています。でもプログラミングのこと何もわからないので他のひとがエラー出たよって報告してきてもわからない可能性の方が高い。
ここ数日ぶっ続けでやっており、ようやく立ち絵を描くくらいの余裕ができてきたので、ほどほどに進めていきます。

拍手ありがとうございます。毎日更新がウリなのに毎日更新しなくなったら心配されちゃいますよね。
こういうのを……。jsを使いブラウザで動作するWEBゲームブックのようなものを作っています。絵を描く暇ないですのご報告です。(いや、絵を描かない自分は結構解釈違いなので、ほどほどにしてブログは更新したいですが……)
ちなみにコード部分はchatGPT全任せです(堂々)。私が今何をしているかというとひたすらデバッグで周回をしています。でもプログラミングのこと何もわからないので他のひとがエラー出たよって報告してきてもわからない可能性の方が高い。
ここ数日ぶっ続けでやっており、ようやく立ち絵を描くくらいの余裕ができてきたので、ほどほどに進めていきます。

拍手ありがとうございます。毎日更新がウリなのに毎日更新しなくなったら心配されちゃいますよね。


今リクエストが届いていたことに気づいたため、明日張り切って描かせていただきますわね。
おうよ! ということで、ミスティックに銀の装飾と布ゆったりな感じを目指しましたが、この色の褐色肌は健康的すぎてあんま神秘っぽくないな。
ちなみに毎回肌の模様の位置が違いますがちゃんと理由があり、これはヘナタトゥーで一週間ごとに自分で描いているやつなので、気分で変わります。畳む
もう公開してよさげなので、ゲームを公開します。(次記事にて)
キャラクターの雑談を見るのが好きで、AIコーディングコンテンツに抵抗がなかったら、よかったら遊んでね。