Chuo University — SDB
中央大学に新設される「スポーツ情報学部」のメインビジュアル。サッカー部の関東リーグ戦における、残留をかけた一戦の逆転ゴール前後 30 秒間(900 フレーム)の実トラッキングデータを素材に、データから立体構造を生成するビジュアライゼーション。
データの解釈者
監督は戦術の改善点を、アナリストはパフォーマンス指標を、スカウトは選手の特性を — 同じデータでも、見る人によって見出される価値は変わる。スポーツ情報学とは、データから「何を見つけ出したいか」を探求する学問である。本作は、そこに「データを扱うクリエイターの視点」を一つの実例として差し込む試みである。
形の原理 — 時間の立体化
映像から AI で検出した選手位置を、画像座標からフィールド座標へホモグラフィ変換。22 人が各瞬間に作り出すフォーメーションの輪郭を 900 フレーム分、時間軸方向に積み上げることで一つの立体構造が生まれる。個々の選手の軌跡ではなく、22 人が全体として描く「形」を捉えることで、撮影視点の奥行き精度の限界を造形上の強さへと反転させている。
積み上げた輪郭を 2 本の螺旋が絡み合う形状へ再構築した。この造形には三つの意図を重ねている。
- 縦横どちらの画面組みにも耐える視覚的意匠としての強度
- 対戦相手ありきのチームスポーツがもつ「対立と共存」
- 背景合成で語られる「データの二面性」とのダブルミーニング
二面性 — 同じデータが別の顔を持つ
Web 版では、赤と青の線形グラデーションがちょうど 1 時間で一周するように背景に配置されている。赤が勝るタイミング、青が勝るタイミング、その混ざり合う瞬間 — 同じ立体構造が、情熱的にも冷静にも、主張的にも抑制的にも映る。
これはデータの二面性そのものの比喩である。データサイエンスが持つ可能性と、同時にその扱いに対する警鐘。データは扱う人間の意図や解釈によって、黒にも白にもなり得る。
「同じデータでも、見る人によって見えるものが変わる」
「データは答えではなく、問いの始まり」
新たにこの学部を受けようとする高校生、そしてスポーツ情報学を学ぶ学生に対して、データの見方は一つではないということを、分析図でもグラフでもなく、造形として提示したかった。
技術
openFrameworks / OpenGL 4.1 / GLSL 410 によるリアルタイム描画。人物検出に YOLOv8x、マルチトラッキングに ByteTrack、画像座標からフィールド座標への変換に OpenCV ホモグラフィ。選手のウェアラブルセンサーから取得した WIMU データ(速度・加速度・移動距離)を参考値として統合。頂点シェーダーで Curl Noise を重ね、静的な構造に呼吸するような有機的揺らぎを与えている。
連番画像、静止画、GLTF 3D モデルの多形式で出力し、Web メインビジュアル、ポスター、パンフレット、オープンキャンパス展示、サイネージへ展開する。
Main visual for Chuo University's newly established Sports Information faculty. A generative visualization built from 30 seconds of real tracking data — 900 frames surrounding the decisive goal of a survival-critical Kanto University League match.
The Interpreter of Data
A coach looks for tactical adjustments. An analyst measures performance. A scout reads player traits. Given the same data, each finds a different value. Sports Information is, at its core, the study of what one sets out to find inside data. This piece inserts one more vantage point into that study: the view of a creator who treats data as material.
Form — Stacking Time
Positions are detected from match footage with AI, then mapped from image space to field coordinates via homography. In each frame the 22 players form a polygon; stacking 900 such polygons along a vertical time axis yields a three-dimensional structure. Rather than tracking individual trajectories, the piece captures the shape 22 players make as a whole — turning the depth-ambiguity inherent in sideline footage into a compositional strength.
That stack is then reshaped into two intertwining helixes. The form carries three overlapping intents:
- A visual design robust enough to anchor both portrait and landscape compositions.
- The opposition and coexistence inherent in a team sport defined against an opponent.
- A double meaning that rhymes with the "duality of data" spoken in the background.
Duality — The Same Data With Another Face
On the web version, a red–blue linear gradient rotates one full cycle per hour in the background. Moments where red dominates, moments where blue dominates, and the indecisive mixtures between — the same structure now reads as passionate, now as cold; now assertive, now restrained.
This is the duality of data made literal. The promise of data science and the caution around its handling, held together in one image: data turns black or white depending on who handles it.
"The same data reveals different things to different eyes."
"Data is not the answer — it is the beginning of questions."
The intent was to speak this not through a diagram or a chart, but through form — to the prospective high-school students considering this faculty, and to the future Sports Information majors who will study here.
Technical
Real-time rendering in openFrameworks / OpenGL 4.1 / GLSL 410. Person detection with YOLOv8x, multi-object tracking with ByteTrack, and image-to-field coordinate transformation via OpenCV homography. WIMU wearable-sensor readings (velocity, acceleration, distance travelled) are folded in as reference data. A vertex shader layers Curl Noise onto the otherwise static structure, giving it an organic, breathing quality.
Outputs include image sequences, stills, and GLTF 3D models, deployed across the web main visual, posters, brochures, open-campus exhibits, and signage.
Links











Credit
12 roles- Producer
- 大野 鉄平 (NION INC.)
- Planner
- 山中 雄介 (kome inc.)
- Copy Writer
- 三島 邦彦
- Web Project Manager / Web Director
- 片山 昇平 (kome inc.)
- Web Data Visualization
- 田中 陽 (IE3)
- Web Art Director / Designer
- 宮本 昌典 (IE3)
- Web Technical Director / Developer
- 小岩原 直志 (IE3)
- Movie Director
- 近藤 寛史 (STNW Inc.)
- Movie Data Visualization
- 田中 陽 (IE3)
- Music & Sound Design
- 氷室 良晃
- Mixer
- 平田 圭 (qooop, Inc.)
- Narrator
- 和田 あかり