【スクラッチ】マイクラのスライムブロックをポーションで溶かしました- I melted the slime block in Mi...

2021年12月13日月曜日

Scratch スクラッチ プログラミング

t f B! P L




マイクラのスライムブロックを溶かすポーション


スクラッチを使ったプログラミングで「マインクラフト」の建築を再現してみました。


今回作ったのは次の4つです。


・粘着ピストン

・スライムブロック

・溶かすポーション(自作)

・固めるポーション(自作)

・看板



↓ YouTubeの動画で動きをまとめてみました





スクラッチのプロジェクトは↓です。


フルスクリーンでプレイしたい方はこちら。




スクラッチの拡張機能「ペン」


今回はスライムブロックが溶ける動きをするので、「ペン」の拡張機能を追加しました。
太目の線を何本か重ねてスライムブロックを作り、溶けるときは曲線にして表現しています。







背景


背景のベースとなる「草ブロック」と「空」はPhotoShopで加工して作りました。
フリー素材で探してみたのですがマイクラっぽいものがありませんでした・・・
(有料ならあったのですが。。。)





これにスクラッチの描画エディタで「空」にグラデーションをかけました。
(ちょっと空がさみしかったので後付けです。)





今回はタップしかしないので「看板」に「TAP」と書いて置いておきました。
少し影を付けています。






完成形がこちら。






粘着ピストン


右側の粘着ピストン


最初は「丸石」と「ピストン」がくっついている状態で1ブロックのサイズになるように作りました。

「丸石」っぽさは放射上のグラデーションでごまかしています。^^;







アニメーション用にコスチュームを次の4段階で用意してあります。


元の位置



真ん中



伸びきった位置



真ん中(同じもの)




このコスチュームを次のプログラムで動かしています。





表示するコスチュームの番号を「ピストン番号」変数にして、「背景」のコードで切り替えています。

それぞれのスプライトのコードで切り替えるとタイミングがずれることがあったので「背景」で一括管理することにしました。



左の粘着ピストン


左側は右側のコピーです。
プログラムで左右反転表示させています。




「回転方法を(左右のみ)にする」ブロックを付けておかないと上下逆さまになってしまうので注意です。



粘着ピストンの配置は、間に3ブロック分空けて置きました。





これで「スライムブロック」を左右の粘着ピストンで引っ張り合う形の出来上がりです。





スライムブロック


スライムブロックのパーツ

・左側固定部
・右側固定部
・「ペン」を使った描画

以上の3つでスライムブロックの「四角」や「伸びた状態」を表現しています。



左側固定部用スプライト




左側の粘着ピストン」と重ねたときにぴったりくっついた位置になるように描きました。
ブロック1個分ずれた位置になります。



右側固定部用スプライト



こちらも同じように「右側の粘着ピストン」と重なったときにくっついた位置に描いています。



「ペン」で描画するスプライト



コスチュームには何も書いていません。
プログラムで線を描きます




全部で7本の線を重ねています。
〇で線を引くので端にできる隙間を固定部分で隠す感じになります。

一番上の色を変えることで丁度いい遠近感が出るようにしました。^^


伸びる長さによって線を曲線にしますが、7本それぞれ係数を変えていて上の方が早く曲がるようにしました。

上手く重なるようにしないと隙間ができてしまうので丁度いいところで調整しています。


スライムブロック」がくっついたり、伸びたりするところはコードを直接見てください。
sinカーブつかっているだけですけど、、、)

」スプライトに線を引くコードが書かれています。




手の動き


手はマイクラとおなじで四角の棒です。





待機」と「振る」の状態に分けています。

「待機」状態のときは上下に揺らします。

「振る」状態のときは拡縮しながら1回転しています。


それっぽく動きをつけただけです。^^;




持ち物


手にもつアイテム用のスプライトです。


スライムブロック



スライムブロックを置くときに手に持ちます。
縦のグラデーションで片側を「透明」にして何枚か重ねることで透明感を出しました。



溶けるポーション



スライムブロックを溶かすポーションです。
使用するとスライムブロックが両方の粘着ピストンにくっついて伸びます。



固めるポーション



スライムブロックを固めるポーションです。
使用すると溶けていたスライムブロックを四角に固めます




ポーションの演出


ポーションを使用するときの遠くに飛んでいく動きと、ぶつかった後の「ぐるぐる」を出しています。





タップでの切り替え動作パターン


最初:

手に何も持っていません。


1タップ:

スライムブロックを持ちます


2タップ:

スライムブロックを粘着ピストンの間に配置します。

そのあと溶かすポーションを持ちます。


3タップ:

溶かすポーションを投げます。


4タップ:

固めるポーションを持ちます


5タップ:

固めるポーションを投げます。


6タップ:

溶かすポーションを持ちます。


以降、3~6を繰り返します。



今回はタップをして動きを見るだけのプログラミングでしたが、マイクラの雰囲気を出すことができたのではないかと思います。

ペン」は簡単に画面に線を引いたり、スタンプを押したりできるので是非使ってみてください。


この記事を最後まで読んで頂きありがとうございました。


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


ラベル

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