【マリオ風アクションゲーム】鬼滅の刃Ver.5:背景の作成と切り替え

2020年12月2日水曜日

Scratch スクラッチ プログラミング 鬼滅の刃

t f B! P L

 マリオ風のアクションゲームを鬼滅の刃バージョンにする(その5)




作り方まとめページがあるよ→ 記事まとめ


スクラッチの描画エディタで背景を作成しました。

また、その画像をAIにより自動着色しました。


自動着色を行ったWebサービスは 「PaintsChainer」です。



番外編5ー1:背景を作成する


背景を選択してコスチュームを開きます。






まずは、一番後ろの背景を塗りつぶします。





一番手前から順番に木を描いていきます。

手前から太い → 細い明るい → 暗い  になるようにしました。

雑草とかが地味に大変でした。






出来た順番に重ねていきます。





これでモノクロの背景が完成しました。

ゲーム画面に反映させるとこうなります。




いい感じですね。




番外編5-2:背景を着色する


自分で着色するのは自信が無いのと時間がかかるので、今回はWebサービスの自動着色を利用しました。

使い方は↓の記事を参照してください。






「かんな」さんがうまく着色してくれました。

すばらしい!


結果を「ダウンロード」してローカルフォルダに保存します。

そのままだとサイズが合わずにスクラッチに取り込んだ時、自動補正がかかってしまうので、サイズを 480×360 に加工します。






「背景をアップロード」で着色された画像を読み込みましょう。





ゲーム画面がこういう感じになります。




暖かい感じになった気がします。




番外編5-3:背景を切り替える


まずは、背景の名前を変えておきます。

着色していない方を「モノクロ
着色した方を「AI着色

にしました。







ゲームが始まったときに背景を「モノクロ」になるようにします。


「停止画面」スプライトを選択してコードを開きましょう。






「はじめからスタート」ブロックを見つけて、

「背景を(モノクロ)にする」 ブロックを一番したに追加します。






次に、5面になったら背景を「AI着色」に変わるようにします。


「(次のステージへ)を受け取ったとき」ブロックを見つけましょう。

次のブロックを一番上にくっつけます。

「もし「(ステージ)=(4)」なら」
    「背景を(AI着色)にする」






実行してみましょう。






5面までいくと背景が切り替わります。




今回作ったのは、こういう感じになるよ → 鬼滅の刃風 ver:Step5(背景を作成)

プロジェクトが作れなかった場合は、動きだけでも見てみてね。




他の作品記事もよければ読んでみてください。


ラベル

3DCG AdSense AI Amazon Echo Blender Blogger cron Cursor DNS Fire TV GCP Github Copilot Google Cloud HTTP iOS IPA iPad iPhone5 JavaScript laravel mySQL nodejs PhotoShop PHP Python Redis Scratch SSH Unity vue.js Webサーバ Windows10 WinSCP イヤーカフ型 イラスト おかし おやつ オリンピック お文具 カイワレ大根 ガチャ きのこ ギフト キャラ弁 クリスマス クレジットカード ゲーミング ゲーミングキーボード ゲーミングマウス ゲーミングマウスパッド ゲーミングモニター ゲームパッド ゴーヤー栽培 コナン サーバ サイクリング サイバーセキュリティ サイバー攻撃 サブスクリプション しりとり すイエんサー スクラッチ スマートウォッチ スライム セキュリティ ゼロトラスト ダイエット タブレット ドズル社 なわとび バーテープ パズル パンダ ぷよぷよ ふるさと納税 プログラミング プロトコル番号 マイクラ マイクロソフト マリオ マンガ メモ ランニングウォッチ ランニングゲーム ワイヤレスイヤホン 異世界 絵本 株関連 鬼滅の刃 健康診断 工作 磁石 自転車 自動化 収益化 書き初め 小学校 松屋 情報処理 情報処理安全確保支援士 辛辛魚 水泳 生成AI 折り紙 川渡し問題 銭天堂 誕生日 段ボール 知育菓子 中学受験 冬鳥 動画 動画編集 日常 認定試験 粘土 福袋 便利な雑貨 母の日 銘酒 料理

このブログを検索

ブログをよくする

連絡フォーム

名前

メール *

メッセージ *

ブログ アーカイブ

QooQ