海さんぽ演出「サメ」

1. アトリエフレームワークス
海さんぽ演出『サメ』
サメが周囲を回り飛び出てくる
1

2. 演出の仕様
1．マウスを中心にサメのシルエットが回ります。
2．サメが数周回った後、サメが飛び出だしてくる動画が
流れます。
迫力を出すために映画『ジョーズ』のBGMを編集して
流れるようにしました。
サメのシルエットの画像とサメが
飛び出してくる動画の素材です。
サメはくるくる回っている感じが
出るように、少し弧を描くように
描いてもらいました。
bin/data/imageに素材を入れました。
2

3. サメのシルエットが回る
3
jawzShadow.hpp
jawzShadowというクラスを作りました。
ここにサメのシルエットがマウスを中心に
くるくる回るコードを書いていきます。
以下のURLの05_CircularMotionを参考にしてい
ます。
https://www.google.co.jp/url?sa=t&rct=j&q=&esrc=s&source=web&cd=3&c
ad=rja&uact=8&ved=2ahUKEwj7nf_Dl4PfAhWTAIgKHQvVBmcQFjACegQIChA
B&url=https%3A%2F%2Fyoppa.org%2Fma2_10%2F1547.html&usg=AOvVaw0
NBySZKEBXKtGmLzl4YTPH

4. サメのシルエットが回る
4
jawzShadow.cpp
ofTranslate(座標)でその座標を中心に画像が回る
ようになります。
今回はマウスの位置を入れました。
ofRotateZ(角度)でZ軸を中心にその角度分だけ回
転するようになります。
今回の角度iの値は綺麗にサメが回るギリギリを
何度も実験して定めました。

5. 動画の再生を1回にする
5
https://www.google.co.jp/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&cad=rja&uact=8&v
ed=2ahUKEwjToumVkIPfAhVYZt4KHfZnBvgQFjAAegQIChAB&url=https%3A%2F%2Fqiita.com%2
Faframeworks-
blog%2Fitems%2F5c58bb668e313d91f260&usg=AOvVaw2wWLTqLNTQarpu4td2YRkW
動画を演出の後一回のみ流れるようにするために
作ったEventVideoクラスです。
以下のURLを参考に作りました。
EventVideo.hpp

6. 動画の再生を1回にする
6
EventVideo.cpp

7. 動画を再生する
7
movie.hpp
動画再生にはEventVideoクラスを用
います。

8. 動画をする再生
8
movie.cpp
Jawz.setup()内にOF_LOOP_NONEを書くことで、
一回再生にすることができます。

9. ofApp.h
9
Movieクラス、jawsShadowクラスを呼びます。
動画再生をサメがマウスの周りをくるくる回る演
出の後にするために、movieSetupメソッドを作り
ました。
BGMに関しては以下を参考にしました。
https://www.google.co.jp/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&cad=rja&u
act=8&ved=2ahUKEwiFgtLDkIPfAhXZad4KHT34DY4QFjAAegQIChAB&url=https%3A%2
F%2Fopenframeworks.cc%2Fja%2Flearning%2F04_sound%2Fplay_a_sound%2F&usg=A
OvVaw2EQQj8Nmue3A3aj8WU4yq6

10. ofApp.cpp
10
movieSetupが一回のみ呼ばれるようにするために、
isMovieLoad内で判定できるようにしました。

11. 完成！
11
完成した「サメ」の演出は
こんな感じです。
ご覧いただきありがとう
ございました！