PLAY / 2026
DOG MOD

この作品について
現実世界のモニュメントを、 Webブラウザ越しにMODする。
RAYが渋谷で1週間だけ開催したカルチャーイベント「#MOD_SHIBUYA」に触発され、個人でつくったWebAR作品です。
イベントのテーマは「アイドル × 渋谷 × カルチャー」と「渋谷をMOD(改造)する」。会場では犬のモニュメントが展示され、その3Dデータ「DOG.zip」が自由に使える素材として配布されていました。
配布された3DデータをWebに表示するだけではつまらない。「会場にいるDOGそのものをMODしたら面白いのでは?」と考えました。
会場のDOGにスマートフォンのカメラを向けると、実物に3Dモデルが重なります。ワイヤーフレームでスキャンしたあと、Rainbow Shaderで色が変わり、DOG.zipを“展開”するように小さなDOGが次々と現れます。
アプリのインストールは不要です。スマートフォンのブラウザだけで遊べます。演出したDOGを写真や動画に残し、そのままSNSに持ち帰れるところまでつくりました。
STORY / 01
アイデアから現地投入まで2日
会期中に遊べるところまで完成させることを最優先にしました。高度なARを作り込むことより、アイデアが生まれた場所で実際に使えることを選びました。
イベントは1週間だけ。配布されたDOGの3Dデータを見てアイデアを考え、実装、モバイルブラウザでの確認、デプロイまで約2日で進めました。
開発にはCodexを使い、実装と実機確認を短いサイクルで繰り返しました。カメラ映像と3D表現の合成、モバイルでの描画負荷、写真や動画への出力など、実機で初めて分かる問題から優先して直しています。
Codexは、コードを生成するためだけの道具ではありません。「思いついたものを、アイデアの賞味期限が切れる前に現実へ持っていく」ための速さを得ることも、このプロジェクトの狙いでした。
STORY / 02
Webエンジニアとしてイベントに参加する
#MOD_SHIBUYAには、出演者だけでなく、来場者もさまざまな形でイベントに巻き込まれていくという考え方がありました。
自分はWebエンジニアとして、イベントから受け取ったアイデアと配布素材を使い、現場に新しい遊びを一つ足すことで参加しました。
「渋谷をMODする」というイベントのテーマに対して、現実世界のDOGへ本当にMODを適用する。
ARは技術を見せるためではなく、イベントのコンセプトを遊びに変えるために使いました。そこが、このプロジェクトで一番大切にした部分です。
SCENES
画像と動画で、作品の中身を紹介します。
会場でのDOG MOD体験。モニュメントをスキャンし、虹色のDOGへ変化する様子を収めた紹介動画。
動画の内容を読む
会場で犬のモニュメントに虹色の3D表現を重ねた場面から始まります。#MOD_SHIBUYAの会場入口と配布素材を紹介した後、スマートフォンでDOG MODを開き、カメラを起動します。実物のDOGにモデルの位置を合わせて「SCAN & INSTALL」を押すと、黄色いワイヤーフレームが現れ、虹色のDOGと多数の小さなDOGへ変化します。画面には写真・動画を保存する操作も表示されます。最後に会場内の展示を映します。音声はBGM・効果音のみで、ナレーションや会話はありません。
DOG MODの入り口。カメラを使った体験と、カメラなしのデモを選べます。
位置を合わせてSCAN。デモ画面に表示された、黄色いワイヤーフレームのDOG。
DOG.zipを“展開”。Rainbow Shaderと小さなDOGの演出を、写真や動画に残せます。


