3
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Scratchで音mad映像を作ります。
「音madの映像を作りたいけどソフトor技術がない...」という人におすすめです。

【注意】
くっそ読みにくいです、お兄さん許して!
Scratchについての説明は省きます

目次
0.midi・音声を用意しよう(前提)
1.拍・BPMについて理解しよう
2.定義で動きのもとを用意しよう
3.アニメーションを作ろう
4.終わりに

0.midi・音声を用意しよう
作りたい曲のmidiはググれば手に入ります。
音声はReaperやGarageBandで作りましょう。

1.拍・BPMについて理解しよう
音楽のリズムはBPMというもので表されます。
BPMは「1分間に何回音を打つか」を示します。
たとえば、BPM=120の場合、1分間に音を120回打つので1回の音(1拍)は0.5秒分ということになります。
1拍の長さは、(60/BPM)秒で求まります。

2.定義で動きのもとを用意しよう
変数[拍数]を用意します。大体スプライトは複数になるので、「このスプライトのみ」に設定しておきましょう。
旗が押されたら[拍数]を0にするようにします。
旗を押してから[拍数]拍までにかかる時間は、(60/BPM)*[拍数]で求められるので、

[拍数]拍まで待つ.png

これで「[拍数]拍まで待つ」になります。(遅延については後述)
「(引数)拍待つ」はこれを使って、

(拍数)拍待つ.png

こうなりますね。
アニメーションを加えたいのなら、

(拍数)拍までアニメーション.png

こうします。
あとはmidiを見ながら、音がある部分はアニメーション、その間は待つようにすればいいですね。

3.アニメーションを作ろう
映像編集ソフトでできることをScratchでやる方法を紹介します。

・左右反転
動きの「回転方法を左右のみにする」を使い、角度を変えればOK
コスチュームを変えてもいい

・イージング
1.イーズアウト
[(目標の数値-現在の数値)/定数]ずつ数値を変える
例:滑らかな移動.png

または、[([変数]のsin)*目標の数値]を変数の値を増やして繰り返すことでもできる(変数が90のとき目標の数値に達する)
例:イーズアウト(sin).png

2.イーズイン
[([変数]のtan)*目標の数値]を変数の値を増やして繰り返す(変数が45のとき目標の数値に達する)
例:イーズイン(tan).png

3.イーズインアウト
上の2つ組み合わせればいけるでしょ(投げやり)

・魚眼レンズを用いた動き
スプライトを歪んだように変形させる
まず、コスチュームの歪ませたい方向に透明な図形を置く(ここでは着色)
Screenshot 2025-12-13 14.59.55.png

見た目にある「魚眼レンズ」の効果の数値をいじると...
Screenshot 2025-12-13 15.02.49.png

こうなる。
円形をずらして置くことでうまいことできるのでお試しあれ。

・遅延について
動きには遅延を入れておくのがおすすめ。
時間を+0.03秒くらいにするといいと思う。(この記事ではミスで全部マイナスになってるけど許して)

4.終わりに
提出遅れてかつグダグダですみませんでした。

〜終〜

3
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?