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

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

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

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

- work -

概要

楽譜の譜読みをより楽に。
Brass Playerはページに動画を埋め込み、特定の練習番号をクリックすると、 その位置にシークするツールです。
自分自身と知り合いのターゲットに制作しました。

使用技術

  • HTML/CSS/JS
  • Bun
  • Vite

URL

Brass-Player

イナズマトーナメント

概要

「イナズマイレブン 英雄たちのヴィクトリーロード」向けのトーナメントを作成するツールです。

使用技術

  • Rust
  • Web

URL

InazumaTournament

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

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

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

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

展示会サンプル

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

概要

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

つくったきっかけ

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

制作時間

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

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

infoアイコンの位置調整

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