[{"data":1,"prerenderedAt":433},["ShallowReactive",2],{"work-sdb":3,"works-nav":235},{"id":4,"title":5,"archive":6,"blog":7,"body":8,"categories":162,"credit":166,"date":202,"description":14,"extension":203,"featured":204,"isWhite":6,"links":205,"media":209,"meta":221,"navigation":204,"pastProject":6,"path":222,"priority":223,"seo":224,"slug":225,"stem":226,"tags":227,"thumb":233,"thumbType":165,"__hash__":234},"works\u002Fworks\u002Fsdb.md","Chuo University — SDB",false,null,{"type":9,"value":10,"toc":150},"minimark",[11,15,19,22,26,29,32,45,49,52,55,64,67,70,73,76,79,82,86,94,98,105,108,119,123,126,129,137,140,144,147],[12,13,14],"p",{},"中央大学に新設される「スポーツ情報学部」のメインビジュアル。サッカー部の関東リーグ戦における、残留をかけた一戦の逆転ゴール前後 30 秒間（900 フレーム）の実トラッキングデータを素材に、データから立体構造を生成するビジュアライゼーション。",[16,17,18],"h2",{"id":18},"データの解釈者",[12,20,21],{},"監督は戦術の改善点を、アナリストはパフォーマンス指標を、スカウトは選手の特性を — 同じデータでも、見る人によって見出される価値は変わる。スポーツ情報学とは、データから「何を見つけ出したいか」を探求する学問である。本作は、そこに「データを扱うクリエイターの視点」を一つの実例として差し込む試みである。",[16,23,25],{"id":24},"形の原理-時間の立体化","形の原理 — 時間の立体化",[12,27,28],{},"映像から AI で検出した選手位置を、画像座標からフィールド座標へホモグラフィ変換。22 人が各瞬間に作り出すフォーメーションの輪郭を 900 フレーム分、時間軸方向に積み上げることで一つの立体構造が生まれる。個々の選手の軌跡ではなく、22 人が全体として描く「形」を捉えることで、撮影視点の奥行き精度の限界を造形上の強さへと反転させている。",[12,30,31],{},"積み上げた輪郭を 2 本の螺旋が絡み合う形状へ再構築した。この造形には三つの意図を重ねている。",[33,34,35,39,42],"ol",{},[36,37,38],"li",{},"縦横どちらの画面組みにも耐える視覚的意匠としての強度",[36,40,41],{},"対戦相手ありきのチームスポーツがもつ「対立と共存」",[36,43,44],{},"背景合成で語られる「データの二面性」とのダブルミーニング",[16,46,48],{"id":47},"二面性-同じデータが別の顔を持つ","二面性 — 同じデータが別の顔を持つ",[12,50,51],{},"Web 版では、赤と青の線形グラデーションがちょうど 1 時間で一周するように背景に配置されている。赤が勝るタイミング、青が勝るタイミング、その混ざり合う瞬間 — 同じ立体構造が、情熱的にも冷静にも、主張的にも抑制的にも映る。",[12,53,54],{},"これはデータの二面性そのものの比喩である。データサイエンスが持つ可能性と、同時にその扱いに対する警鐘。データは扱う人間の意図や解釈によって、黒にも白にもなり得る。",[56,57,58,61],"blockquote",{},[12,59,60],{},"「同じデータでも、見る人によって見えるものが変わる」",[12,62,63],{},"「データは答えではなく、問いの始まり」",[12,65,66],{},"新たにこの学部を受けようとする高校生、そしてスポーツ情報学を学ぶ学生に対して、データの見方は一つではないということを、分析図でもグラフでもなく、造形として提示したかった。",[16,68,69],{"id":69},"技術",[12,71,72],{},"openFrameworks \u002F OpenGL 4.1 \u002F GLSL 410 によるリアルタイム描画。人物検出に YOLOv8x、マルチトラッキングに ByteTrack、画像座標からフィールド座標への変換に OpenCV ホモグラフィ。選手のウェアラブルセンサーから取得した WIMU データ（速度・加速度・移動距離）を参考値として統合。頂点シェーダーで Curl Noise を重ね、静的な構造に呼吸するような有機的揺らぎを与えている。",[12,74,75],{},"連番画像、静止画、GLTF 3D モデルの多形式で出力し、Web メインビジュアル、ポスター、パンフレット、オープンキャンパス展示、サイネージへ展開する。",[77,78],"hr",{},[12,80,81],{},"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.",[16,83,85],{"id":84},"the-interpreter-of-data","The Interpreter of Data",[12,87,88,89,93],{},"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 ",[90,91,92],"em",{},"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.",[16,95,97],{"id":96},"form-stacking-time","Form — Stacking Time",[12,99,100,101,104],{},"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 ",[90,102,103],{},"shape"," 22 players make as a whole — turning the depth-ambiguity inherent in sideline footage into a compositional strength.",[12,106,107],{},"That stack is then reshaped into two intertwining helixes. The form carries three overlapping intents:",[33,109,110,113,116],{},[36,111,112],{},"A visual design robust enough to anchor both portrait and landscape compositions.",[36,114,115],{},"The opposition and coexistence inherent in a team sport defined against an opponent.",[36,117,118],{},"A double meaning that rhymes with the \"duality of data\" spoken in the background.",[16,120,122],{"id":121},"duality-the-same-data-with-another-face","Duality — The Same Data With Another Face",[12,124,125],{},"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.",[12,127,128],{},"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.",[56,130,131,134],{},[12,132,133],{},"\"The same data reveals different things to different eyes.\"",[12,135,136],{},"\"Data is not the answer — it is the beginning of questions.\"",[12,138,139],{},"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.",[16,141,143],{"id":142},"technical","Technical",[12,145,146],{},"Real-time rendering in openFrameworks \u002F OpenGL 4.1 \u002F 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.",[12,148,149],{},"Outputs include image sequences, stills, and GLTF 3D models, deployed across the web main visual, posters, brochures, open-campus exhibits, and signage.",{"title":151,"searchDepth":152,"depth":152,"links":153},"",2,[154,155,156,157,158,159,160,161],{"id":18,"depth":152,"text":18},{"id":24,"depth":152,"text":25},{"id":47,"depth":152,"text":48},{"id":69,"depth":152,"text":69},{"id":84,"depth":152,"text":85},{"id":96,"depth":152,"text":97},{"id":121,"depth":152,"text":122},{"id":142,"depth":152,"text":143},[163,164,165],"branding","web","video",[167,170,173,176,179,182,185,188,191,193,196,199],{"role":168,"name":169},"Producer","大野 鉄平 (NION INC.)",{"role":171,"name":172},"Planner","山中 雄介 (kome inc.)",{"role":174,"name":175},"Copy Writer","三島 邦彦",{"role":177,"name":178},"Web Project Manager \u002F Web Director","片山 昇平 (kome inc.)",{"role":180,"name":181},"Web Data Visualization","田中 陽 (IE3)",{"role":183,"name":184},"Web Art Director \u002F Designer","宮本 昌典 (IE3)",{"role":186,"name":187},"Web Technical Director \u002F Developer","小岩原 直志 (IE3)",{"role":189,"name":190},"Movie Director","近藤 寛史 (STNW Inc.)",{"role":192,"name":181},"Movie Data Visualization",{"role":194,"name":195},"Music & Sound Design","氷室 良晃",{"role":197,"name":198},"Mixer","平田 圭 (qooop, Inc.)",{"role":200,"name":201},"Narrator","和田 あかり","2026-04-01","md",true,[206],{"label":207,"url":208},"LINK","https:\u002F\u002Fie3.jp\u002Fwork\u002Fsdb",[210,211,212,213,214,215,216,217,218,219,220],"\u002Fworks\u002Fsdb\u002F01.jpg","\u002Fworks\u002Fsdb\u002Fvis1.jpg","\u002Fworks\u002Fsdb\u002Fvis2.jpg","\u002Fworks\u002Fsdb\u002F02.jpg","\u002Fworks\u002Fsdb\u002F03.jpg","\u002Fworks\u002Fsdb\u002F04.jpg","\u002Fworks\u002Fsdb\u002F05.jpg","\u002Fworks\u002Fsdb\u002F06.jpg","\u002Fworks\u002Fsdb\u002F07.jpg","\u002Fworks\u002Fsdb\u002F08.jpg","\u002Fworks\u002Fsdb\u002F09.jpg",{},"\u002Fworks\u002Fsdb",1,{"title":5,"description":14},"sdb","works\u002Fsdb",[228,229,230,231,232],"openFrameworks","GLSL","Data Visualization","Generative","Branding","\u002Fworks\u002Fsdb\u002Fthumb.mp4","9IUWBbR9g05H2adSZKMnhMRdL98YKdfYBLdxqbPc7lk",[236,237,240,243,246,249,252,255,258,261,264,267,269,272,274,277,280,283,286,289,292,295,298,301,304,307,310,313,316,319,322,325,328,331,333,336,339,342,345,348,351,354,357,360,363,366,369,372,375,378,381,384,387,390,393,396,399,402,405,408,411,413,416,419,422,425,427,430],{"slug":225,"title":5},{"slug":238,"title":239},"anonumos","anōnumos",{"slug":241,"title":242},"vuefes2025","Vue Fes Japan 2025",{"slug":244,"title":245},"reel2025","IE3 showreel 2025",{"slug":247,"title":248},"soundinmotion","Sound in Motion",{"slug":250,"title":251},"gug-kmzw","TOKYU RAILWAYS - Komazawa-daigaku Station",{"slug":253,"title":254},"japonism","Neo Japonism",{"slug":256,"title":257},"ie3","IE3",{"slug":259,"title":260},"sakurastage","Shibuya Sakura Stage",{"slug":262,"title":263},"sttn2023","STTN AudioVisual Live",{"slug":265,"title":266},"anrealage2022","ANREALAGE 20th ANNIVERSARY COLLECTION “A & Z”",{"slug":268,"title":268},"fluid",{"slug":270,"title":271},"motuser","flow",{"slug":273,"title":273},"hakoniwa",{"slug":275,"title":276},"yokogawa","YOKOGAWA",{"slug":278,"title":279},"tokyo2020","Tokyo 2020 Olympics - Men's\u002FWomen's 100m final",{"slug":281,"title":282},"fcbc","F.C.B.C.",{"slug":284,"title":285},"endlessimaginary","EndlessImaginary",{"slug":287,"title":288},"machinedrum","Machinedrum",{"slug":290,"title":291},"onehourposter","one hour poster",{"slug":293,"title":294},"perfume-pcubed-2020","Perfume 8th Tour 2020 \"P Cubed\" in Dome",{"slug":296,"title":297},"brainfeeder","Flying Lotus Presents The Hit",{"slug":299,"title":300},"nfonline03","NF ONLINE #03",{"slug":302,"title":303},"space","S . P . A . C . E .",{"slug":305,"title":306},"daimaru","Daimaru Shinsaibashi Store",{"slug":308,"title":309},"graduallysuicide","gradually suicide - unframe #007",{"slug":311,"title":312},"sakanaction-834194-2019","sakanaction SAKANAQUARIUM 2019 \"834.194\"",{"slug":314,"title":315},"superflyingtokyo2019","Super Flying Tokyo 2019",{"slug":317,"title":318},"future-experiment-vol04","docomo × Perfume FUTURE-EXPERIMENT VOL.04",{"slug":320,"title":321},"frameno","frame no. - unframe #006",{"slug":323,"title":324},"noir","Moncler × Noir Kei Ninomiya - MONCLER GENIUS 6",{"slug":326,"title":327},"perfume-future-pop-2018","Perfume 7th Tour 2018 \"FUTURE POP\"",{"slug":329,"title":330},"elevenplay-us-tour-things-2018","Rhizomatiks Research × ELEVENPLAY US TOUR 2018 \"things\"",{"slug":332,"title":332},"timewall",{"slug":334,"title":335},"morimichi2018","NF in 森道市場 2018",{"slug":337,"title":338},"perfume-reframe","Perfume × Technology presents \"Reframe\"",{"slug":340,"title":341},"5g","FUTURE-EXPERIMENT VOL.01 距離をなくせ。- docomo 5G",{"slug":343,"title":344},"lightingproj","Perfume Lighting Project",{"slug":346,"title":347},"discretefigures","discrete figures",{"slug":349,"title":350},"cosmos","Celestial Frequencies 2017 - COSMOS",{"slug":352,"title":353},"portrait","portrait - unframe #005",{"slug":355,"title":356},"cebit2017","Japan Show Act - CeBIT 2017 Opening Ceremony",{"slug":358,"title":359},"mtfuji","Mt. FUJI",{"slug":361,"title":362},"hue-planb","PLAN B - HUE",{"slug":364,"title":365},"rio2016-paralympics-flag-handover","Rio 2016 Paralympics — Flag Handover Ceremony",{"slug":367,"title":368},"rio2016-olympics-flag-handover","Rio 2016 Olympics — Flag Handover Ceremony",{"slug":370,"title":371},"ie01","IE-01",{"slug":373,"title":374},"geocosmos","Global Tweet Timeline - Geo-Prism",{"slug":376,"title":377},"hondadct","HONDA DCT",{"slug":379,"title":380},"dothito2",".hito project ver.02 - 魔法の美術館",{"slug":382,"title":383},"vj-dbd","VJ - dot by dot set",{"slug":385,"title":386},"electriclightsymphony","Electric Light Symphony | Orchestra Ensemble Kanazawa",{"slug":388,"title":389},"unframe003","selfie - unframe #003",{"slug":391,"title":392},"nightfishing","NF - Night Fishing",{"slug":394,"title":395},"gggddd","ライゾマティクス グラフィックデザインの死角",{"slug":397,"title":398},"expo-milano-2015-japan","Expo Milano 2015 — Japan Pavilion",{"slug":400,"title":401},"zoomcityarena","Nike - Zoom City Arena",{"slug":403,"title":404},"frequencydomain","frequency domain - unframe #002",{"slug":406,"title":407},"houseofmamba","Nike RISE - House of Mamba",{"slug":409,"title":410},"youkunhackathon","I danced Nocchi",{"slug":412,"title":412},"wonderful",{"slug":414,"title":415},"dothito",".hito project",{"slug":417,"title":418},"unframe1","Exhibition of unframe #001",{"slug":420,"title":421},"delaunay","Kinect of Delaunay",{"slug":423,"title":424},"mathematicstree","Mathematics Tree",{"slug":426,"title":426},"toooycam",{"slug":428,"title":429},"imageclock","Image Clock",{"slug":431,"title":432},"morisaver","MORI SAVER",1776669203986]