見出し画像

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

こんにちは。

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

今はですね…なんと

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

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

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


きっかけは、じまにゃんさん、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のキャラクター像などについては
また別の記事にしてみたいと思います


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


いいなと思ったら応援しよう!

考える赤柴|司法書士試験基準点突破 応援ありがとうございます!いただいたチップは学びのために大切に使わせていただきます。

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