_____ _____ _____ _____ _____ _____ _____ _____ __ _____ _____  |_ _| _ | | | _ | | | _ | | __| | | | | | | | | | | | | | -| | | __| | | |__|- -| | | |_| |__|__|_|___|__|__|__|__|__|__| |__| |_____|_____|_____|_____|

- 田中智貴のポートフォリオ -

_/ _/ _/_/ _/_/_/ _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ _/_/_/ _/_/ _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ _/_/ _/ _/ _/ _/

- work -

HUSイルミネーション映像課題

  • #音楽
  • #映像
  • #ロゴアニメーション

北海道科学大学のキャンパスイルミネーションを紹介する映像を チームで制作しました。私は映像の一部と音楽、ロゴアニメーションを 担当しました。

展示会サンプルのスクリーンショット

展示会サンプル

  • #Blender
  • #HTML/CSS
  • #A-Frame

課題で制作した、展示会のプレビューサイトです。
Blenderでモデリングした展示会場をA-Frameで実装し、
Webブラウザ上でパノラマビューで鑑賞できるようにしました。

つくったきっかけ

印象派の画家を取り上げてキュレーションを行う課題があり、
我々のグループはアルフレッドシスレーとグラスをテーマに企画を進めました。
その際、課題提示には表現方法は自由と明記されていたため、
パノラマで展示会場を見ることができたら面白く、伝わりやすいのではないかと考え制作しました。

制作時間

モデリング: 10時間ほど
コーディング: 3時間ほど(Perplexity、Claude利用)

つくる上で難しかったこと

infoアイコンの位置調整

会場は3dオブジェクトでなく、背景画像となっています。
infoアイコンをblenderでの絵画の位置どおりに配置しようとすると、 どうしても違和感が生じてしまいます。
そのため、A-FrameのVisual Inspectorを用いて、位置の調整を繰り返し、
カメラから違和感のない配置になるよう、調整しました。