メインコンテンツへスキップ
見出し画像

うそでしょ、こんなところにも沼があったなんて!~赤柴、ミニゲーム作りに挑戦中~

    こんにちは。

    ショートショート沼、画像生成沼、動画生成沼…
    いろんな沼に足を突っ込んできた
    考える赤柴です。

    今はですね…なんと

    ゲーム作成沼に足を突っ込んでおります🤣

    まだ片足のつま先だけですけどね😆

    ゲームが作れないか想像してみる赤柴の画像
    まだ沼の広さも深さも分かっていません


    きっかけは、じまにゃんさん、KOTAYAさんの共同企画
    #じまこちゃ夏祭り
    に出店者として参加しようと思ったことでした👇️

    ※コメントスタンプラリーなので
    7月13日から23日の期間中に出店者の記事にコメントするだけで、どなたでも参加できます🎶10記事以上へのコメントを目指して!!

    うーん、お祭りだもんね
    せっかく来てくれた方が楽しめるもの…
    そういえば何回かnoteの記事でゲームをさせていただいたことあって
    あれは楽しかったな😆🎶
    ミニゲームとかできたら楽しそうだよね🤔

    と、ClaudeとChatGPTに相談してみたのが始まりでした。


    CodePenの画面のスクリーンショット
    こんな画面で作るんですよ~楽しいです~😆🎶
    左側の三分割のスペースが上からHTML、CSS、JavaScriptになっていて
    右側で試作を実際に動かしながら作っていきます


    そもそも赤柴は
    HTMLとCSS、JavaScriptの違いも分かっていませんでした

    🟨HTMLは部屋をつくる役割
    🟨CSSは見た目を決める役割
    🟨JavaScriptは動きを決める役割だそうです

    使っているのはCodePen(コードペン)の無料アカウントと
    GitHub(ギットハブ)の無料アカウントです✨️✨️


    初めてコードを書いてみた赤柴の画像
    ゲーム画面はイメージです

    CodePenでゲーム本体を動かし
    GitHubは画像置き場として使っています。
    noteの記事にはCodePenの埋め込みができるそうなんです。

    コードペンとかギットハブとか
    さも知ってたふうに言ってるけど…😏


    赤柴ほんとに分かってるの? と思ったみなさん


    ええ、もちろんClaudeの受け売りですとも🤣
    にわか知識です。

    でもいいんです。
    やってみたらなんとなくわかってくるから!
    今までもそうだったしね。

    まず、noteの記事にミニゲームを貼るにはどうすればいいか
    CodePenとGitHubとは何か
    どこがリスクなのか、などを聞いてからスタート

    悩んだり解決したりしながら進める赤柴の画像
    AIを質問攻めにします

    こういう感じのものが作りたいと相談して
    どうせなら少しずつ勉強したいと言ったら

    ChatGPTが
    段階を追ってだんだん形になるように
    教えてくれました。

    遠回りなようだけど、少しずつコードを複雑にしていって
    ここにこれを貼るとどうなるのか、というのを
    説明してもらいながら進めました。

    まるで、「ゲームを作りながらコードを覚えよう」講座みたいです。
    今はほら、習い事でもありますよね。
    プログラミングの塾とか。
    これ、子どもが興味を持ったら
    あっという間にできるようになっちゃうんだろうな~

    ゲームづくりをAIに習っている赤柴の画像
    ふむふむ、ここをこう変えるとこう動くのね

    この1週間、ちまちまとコードを書いて(もらって)は
    貼り付け、調整し…
    貼り付ける場所を間違えてやり直し
    だんまりを決め込むChatGPTを忍耐強く待ち…

    ChatGPTが分からないバグをClaudeに解決してもらい…

    右も左も分からない超初心者だった赤柴が
    もうすぐ30秒のミニゲームを完成させられそうなところまで来ました!!

    ゲーム内容は、簡単な、アイテムキャッチゲームです✨️✨️

    出来上がったら記事にしますので、
    良かったらみなさん、ぜひ遊びに来てくださいね~🙌

    ゲームの完成を喜ぶ赤柴の画像
    まだ完成してないけどもうすぐだ~!

    🎮️  👾  🎮️  👾  🎮️

    ■Special Thanks

    赤柴がこれまでにゲームで遊ばせていただいた記事のご紹介です✨️✨️

    ▼ナオユキさん


    このダンジョンの最終ステージがミニゲームだったのですが
    これが難易度が高くて…💦
    一時はゴールを諦めそうでした🤣
    ミラクルが起きてなんとかゴールできました
    表彰期間は終わっていますが、今も遊ばせていただけます✨️✨️


    ▼派遣工の記録さん


    今読み返すと、ChatGPTとCodePenで作ったと書いてありますね。
    当時は何のことか分かりませんでした🤣
    工場によくいる人シリーズ・もしもシリーズの4コマ漫画も面白いです✨️✨️
    小説や日記にゲーム、いろんな形で表現されています
    🌸新しい環境の人間関係で、自分が心がけてることもおすすめです


    ▼不屈の屈葬さん

    田原にかさんの毎週ショートショートnoteのお題だった
    「下僕並べ」をまさかの、下僕を並べるゲームにしてしまったという
    天才的発想…!!
    単純なようで結構難しいんですよ、ぜひやってみてください🎶
    創作大賞の応募作品も書籍化される気がします✨️✨️

    勝手に紹介させていただいたみなさま、楽しませていただき
    ありがとうございました✨️✨️

    今回はイベント参加の予告記事でした!
    ぜひ13日からの #じまこちゃ夏祭り  
    コメントスタンプラリーにご参加くださいね~

    ゲームは完成次第アップしますので
    もう数日お待ちください!

    30秒のゲームを作るのにも結構時間がかかりますね
    いざ自分でやってみると
    ゲームクリエイターの方への尊敬の念が高まります。

    そして、やってみたくなったみなさん
    赤柴ができたのだからきっとあなたもできるはず!
    さぁ、やってみよ~🎶

    ただし沼度は結構高めです。
    途中でやめられなくなること山の如しですのでご注意ください🤣

    お茶をやや強引に勧める赤柴の動画
    久しぶりに登場、やや強引な赤柴
    「まぁ、興味持ったら、やってみなはれ」

    ゲームづくりの失敗談、最近やっとイメージがつかめてきた
    ChatGPTのキャラクター像などについては
    また別の記事にしてみたいと思います


    読んでいただきありがとうございます。スキ・コメントやフォロー、マガジン収納うれしいです
    🌱噛みつきませんので初コメントもお気軽にどうぞ🌱


    この記事が参加している募集

     
     
    やってみたから、わかることがある。 週3回以上、試行錯誤を記録中🐾 💻GitHub超初心者入門講座 📷アオイの写真帖 ☕ひとやすみノート AI・絵本づくり・note企画の舞台裏も 迷いも失敗も、次の誰かのヒントに。 自営業。R8司法書士試験合格。 15キロの柴犬と山奥暮らし。

    あなたへのおすすめ