- 追加された行はこの色です。
- 削除された行はこの色です。
#author("2022-12-02T16:39:16+09:00;2022-12-02T16:27:58+09:00","default:member","member")
#author("2022-12-06T22:25:03+09:00;2022-12-02T16:27:58+09:00","default:member","member")
#settableborder(none)
*&color(#0068b7){BUBBLEs! 夜のカラフル水族館};
プロジェクションマッピングを用いた映像投影と空間演出作品
#image(top.jpg)
-'''Keywords：ProjectionMapping, AfterEffects, Bubble, Aquarium'''
//-https://www.city.oita.oita.jp/o154/r4art.html
~
**&color(#0068b7){概要};
***これは何？
~
水族館をモチーフにした映像投影と空間演出作品。
大学内で開催した映像投影プロジェクトを
-福岡市立松島小学校と
-大分アートフェスティバルイベント__「[[回遊劇場 AFTER>https://www.city.oita.oita.jp/o154/r4art.html]]」__
に展開させていった。
~
~
***背景と目的
~
''背景 ：コロナ禍の制限''
大学内で毎年行われている、プロジェクションマッピングを用いた映像投影及び空間演出のプロジェクトして、新しい企画を探していた。当時(2020年5月)、不自由が続くコロナ禍中であり、二度目の緊急事態宣言が再発令され、多くの制限を強いられていた。対面でのコミュニケーション機会の減少が、人間関係への不安や、孤独・孤立への不安が若い人を中心に広がっている。
~
''目的 ： イベントの開催 ''
そのようなストレス社会の中の、心を癒し、人が安心して集うことができる場所が必要であると考えた。そして、ステイホームによって失われてしまった子供たちの夏の思い出を彩ってくれるようなイベントを開催を目的とし、プロジェクトを立ち上げた。
~
~
***コンセプト
~
子供から大人まで楽しめる水族館をモチーフにした映像投影及び空間演出。
絵本の世界のように可愛らしく、カラフルにすることで、子供が親しみを持ちやすい。また、コロナで落ち込みやすい心を彩ってくれるような空間をコンセプトとする。
~
~
~
***成果物の仕様
~
~
-日時：2022 9/19(土) 19:00 - 20:00
-場所：松島小学校
~
***メンバー
-[[紀野はるか]]
-北本楓斗
-[[谷口菜々子]]
-[[西元聖喜]]
-[[名嘉はな]]
-[[堀田七海]]
-[[牧野友紀]]
-[[宮崎あゆ]]
~
#youtube(aZLZSmBnKn0)
~
~
-日時：2021 10/7(木) - 8(金) 18:30 - 20:00
-場所：九州産業大学北門楠風広場
~
***メンバー
-[[紀野はるか]]
-[[山川滉生]]
-[[生末知菜美]]
-[[岡部明日香]]
-[[興梠愛加]]
-[[田中満里奈]]
-[[酒井雄世]]
-[[堀田七海]]
-北本楓斗
-[[佐伯華帆]]
-[[三代恵輔]]
-[[榛葉啓人]]
-[[石井絵理]]
-[[児玉七菜美]]
-[[玉木晴菜]]
-[[牧野友紀]]
-[[木村円香]]
~
#youtube(iO2r-jjVELw)
~
~
***制作ツール
~
-AfterEffects
-Illustrator
-MadMapper.
~
~
***プロジェクトの期間
~
九州産業大学 : 開催期間
2021年10月7日(木) ~ 10月8日(金) の2日間
~
松島小学校 : 開催期間
2022年10月19日(土)
~
「回遊劇場 AFTER」：開催期間
2022年10月28日(金) ~ 11月27日(日) の31日間
BUBBLEs!：展示期間
11月26日(土) - 11月27日(日)の2日間
~
~
***まとめ
~
~
~
**&color(#0068b7){調査};
***現状調査
~
実際に現地に行き、テスト投影を行った。
~
''NTT府内ビル別館（NTTアートシアター）''
|30|2|30|2|30|c
|#image(p1.jpg)| |#image(p2.jpg)| |#image(p3.jpg)|
|#image(p4.jpg)| |#image(p5.jpg)| |#image(p6.jpg)|
#youtube(PcFKjiAexm4)
~
-テスト投影を行い
--一階のトンネル状になっている通路に投影
--一階の投影には小型プロジェクターを４台使用
--２階壁面投影には大型プロジェクターを２台使用
--投影場所が狭く、現レンズでは投影が難しいため、広角レンズを購入予定
~
~
***先行事例
~
~
~
***技法・技術情報
~
''AfterEffects''
パペットツール
|45|2|45|c
|#youtube(lyA9QSLWLx0)| |#youtube(ly-ct0HjugQ)|
魚
|45|2|45|c
|#youtube(fWXND_1bfUI)| |#youtube(DbBb7WOwfKM)|
~
~
**&color(#0068b7){プロジェクト管理};
***スケジュール
~
__[[スケジュール🗓>https://docs.google.com/spreadsheets/d/1zpSd8CHx1LA4useToFAPLYUHARC8yjmun6OW-2qty-s/edit?usp=sharing]]__
~
~
***ToDo
~
-ビジュアルのブラッシュアップ
-試作の制作
-魚の動きをブラッシュアップ
-BGM検討
//***NotToDo
//&color(red){やらないこと：何をするかではなく「何をしないか」を考える};
//&color(red){例：10人以上の会議には出ない。苦手なことは誰かに頼む・・};
~
~
#hr
CENTER:&color(#0068b7){''進捗記録''};
#hr
~
~
**2022.10.30
~
***映像投影予定(合成)
~
#youtube(48_agB1xVIw)
~
''2階壁面の投影予定映像''
~
-2階壁面は玄関口、作品が集まる広場でもあるのでインパクト重視
-大きい魚たちを集めて泳がせる
~
改善すべき点
~
---魚のみだと豪華さに欠ける、背景を足す
---上からの光や泡の出方などの工夫を施してみる
~
~
#youtube(WmCOQRWV-6A)
~
''1階通路の投影予定映像''
~
-小型の魚や熱帯魚を泳がせる
-イソギンチャクを追加させ、画面を映えさせる
~
改善すべき点
~
---左右で背景や泳がせる魚を分ける
---大きな魚も時折登場させると飽きさせない
~
~
~
**2022.10.23
~
***マンボウ
~
#youtube(UA4bH_RrfYw)
~
''マンボウ | 試作''
~
-全パーツを別々に動かす
-定期的な瞬きをさせる
-口をパクパクさせる
-尻尾ヒレに波形ワープをかける
-ヒレを小刻みに動かす
-すべてのパーツを集約させてから上下左右に動きをつける
~
~
~
**2022.10.21
~
***シマアジ
~
#youtube(X7vqi1RGOFw)
~
''シマアジ | 試作''
~
-全パーツを別々に動かす
-定期的な瞬きをさせる
-ヒレに波形ワープをかける
-すべてのパーツを集約させてから上下左右に動きをつける
-群れを作る
-%%群れにしたとき個々の動きをランダムにする%%
~
~
~
**2022.10.20
~
***アジ
~
#youtube(cgWlSdwQIS0)
~
''アジ | 試作''
~
-全パーツを別々に動かす
-定期的な瞬きをさせる
-口の開閉
-ヒレに波形ワープをかける
-すべてのパーツを集約させてから上下左右に動きをつける
-群れを作る
-群れにしたとき個々の動きをランダムにする
~
~
~
**2022.10.17
~
***フグ
~
#youtube(TkjZqfRUngE)
~
''フグ | 試作''
~
-全パーツを別々に動かす
-定期的な瞬きをさせる
-口の開閉
-ヒレに波形ワープをかける
-すべてのパーツを集約させてから上下左右に動きをつける
-色違いの2種類
~
~
~
**2022.10.14
~
***ナンヨウハギ
~
#youtube(oMUBIunvUGU)
~
''ナンヨウハギ | 試作''
~
-全パーツを別々に動かす
-定期的な瞬きをさせる
-口の開閉
-ヒレに波形ワープをかける
-すべてのパーツを集約させてから上下左右に動きをつける
~
~
~
**2022.10.07
~
***イワシ
~
#youtube(yX4CpMfyDlY)
~
''イワシ動き | 試作''
~
-全パーツを別々に動かす
-定期的な瞬きをさせる
-胴体に波形ワープをつけて、小刻みに靡かせる
-すべてのパーツを集約させてから上下左右に動きをつける
~
これからの改善
-ランダムに上下左右の動きを加える
~
~
~
**2022.09.30
~
***ハタタテダイ
~
#youtube(8tl-CPsfgEY)
~
''ハタタテダイ動き | 試作''
~
-全パーツを別々に動かす
-定期的な瞬きをさせる
-ヒレに波形ワープをつける
-すべてのパーツを集約させてから上下左右に動きをつける
~
~
~
**2022.09.15
~
***ビジュアル(水槽)のブラッシュアップ
~
''前ビジュアルの問題点''
~
#image(水槽試作4.jpg)
~
-水槽全体が暗い
-岩・海藻同士の重なりがなく奥行きがない
-海藻類が点々とあって散らかって見える
~
~
''ブラッシュアップ案''
~
|25|1|10|1|58|c
|#image(水槽試作1.jpg)| |#image(水槽試作2.jpg)| |#image(水槽試作3.jpg)|
~
-色を鮮やかにする
-重なりを作り、奥行きを持たせる
-海藻類を複数個まとめる
-新しいイソギンチャクを追加
~
~
~
**2022.09.12
~
***ビジュアルのブラッシュアップ
~
''前ビジュアルの問題点''
~
#image(試作1.jpg,70%)
~
-色が褪せているので映えない
-図形のみで構成した魚の形
-比較的に低年齢層向け
-カラーバリエーションが絞られすぎている
-立体感がない
~
~
''ブラッシュアップ案''
|40|2|40|c
|#image(試作2.jpg)| |#image(試作3.jpg)|
|#image(試作4.jpg)| |#image(試作5.jpg)|
~
-色を原色に近い鮮やかな色へ変更
-形を複雑化させる
-陰影をつける
-グラデーションで立体感
-テクスチャで図形感を減らす
~
~
~
**2022.08.16
~
***テスト投影
~
実際に現地に行き、テスト投影を行った。
~
''NTT府内ビル別館（NTTアートシアター）''
|30|2|30|2|30|c
|#image(p1.jpg)| |#image(p2.jpg)| |#image(p3.jpg)|
|#image(p4.jpg)| |#image(p5.jpg)| |#image(p6.jpg)|
#youtube(PcFKjiAexm4)
~
-テスト投影を行い
--一階のトンネル状になっている通路に投影
--一階の投影には小型プロジェクターを４台使用
--２階壁面投影には大型プロジェクターを２台使用
--投影場所が狭く、現レンズでは投影が難しいため、広角レンズを購入予定
~
~
~
**2022.08.16
~
***松島小学校でのイベントの様子
~
#youtube(iO2r-jjVELw)
#youtube(aZLZSmBnKn0)
松島小学校で行ったプロジェクションマッピングイベント
『BUBBLEs!』ダイジェスト映像
~
~
~
**2021.10.07
~
***九州産業大学『BUBBLEs!』
~
''『BUBBLEs!』ダイジェスト映像''
~
#youtube(iO2r-jjVELw)
~
''企画書''
~
🔗__[[企画書PDF>https://drive.google.com/file/d/1DBtjaLNOzLqkKfocoTnFXMt59rXm1lgY/view?usp=share_link]]__
~
~
''投影場所''
~
-オープンイノベージョンセンター
-北門警備員建物
-23号館壁面
-警備員建物後ろ壁面
-ディスプレイ
~
#image(sagyo02.PNG)
~
~
''制作''
~
-ビジュアル制作
生き物のビジュアルを制作。
色を6色に設定し、複雑さを除いた簡単な図形や模様を用いた工夫を行った。
~
#image(sagyo05.jpg)
~
-完成イメージ
~
--オープンイノベージョンセンター
#image(sagyo06.png)
~
--北門警備員建物
|48|2|48|c
|#image(sagyo08.jpg)| |#image(sagyo09.jpg)|
~
--23号館壁面
#image(sagyo07.jpg)
~
--ディスプレイ
#image(sagyo10.jpg,30%)
~
-動き
生き物を26匹制作し、2匹ずつ魚を担当し動かす。
それらを一つの水槽にまとめる、という形で制作した。
#image(sagyou01.png)
~
夏休みを挟み、遠隔での作業を進めた。
第一次、二次、最終と三段階でデータを提出してもらい、
一人ひとりに訂正箇所を伝えるシートを送るなどした。
~
|48|2|48|c
|#image(sagyo03.jpg)| |#image(sagyo04.jpg)|
~
-タイトル
水族館に漂う泡と、ポップで可愛らしいというコンセプトから
『BUBBLEs!』というイベント名に決定した。
~
#image(sagyo11.jpg,50%)
~
-空間演出
空間演出に、水族館の中の泡に見立ててシャボン玉マシーンの使用を検討。
加えて、大きなシャボン玉キットを自作し、テストしてみた。
~
|48|2|48|c
|#image(sagyo12.jpg)| |#image(sagyo13.jpg)|
|#image(sagyo14.jpg)| |#image(sagyo15.jpg)|
#youtube(uEUcoxfHMAY)
~
~
~
~
~
🫧🐠
~
~
