Yuma Nagao WORKS & EXPERIMENTS

ブラウザで動く、
さわれる作品をつくっています。

永尾優磨(ながお・ゆうま)。3Dグラフィックス、地図、ハンドトラッキングなど、 思いついたアイデアをWebの上で形にしています。すべての作品はインストール不要、 リンクを開けばその場で動きます。

作品

SELECTED WORKS ― 2026
Chronoglobe — 衛星写真の3D地球儀と年代タイムライン

01

Chronoglobe

時間を旅する3D地球儀。タイムラインを動かすと、同じ場所の衛星写真が年ごとに切り替わり、 街の変化や海岸線の移り変わりをたどれる。地名検索で世界中どこへでも飛べる。

MAPLIBRE GL / 衛星タイル / 2026

作品を見る
True Size Map — 日本列島の実面積を表示した地図

02

True Size Map

メルカトル図法の「高緯度ほど大きく見える」歪みを補正しながら、国・都道府県・州・都市の形を ドラッグして実面積で比べられる地図。日本の47都道府県や静岡県の全35市町村まで収録。

MAPLIBRE GL / 地理データ処理 / 2026

作品を見る
Hand Visualizer — 手のワイヤーフレームと光る四角形

03

Hand Visualizer

カメラに映した手で光る四角を操るデモ。両手でつまむと四角が生まれ、掴んで動かし、 グーからパーに開くと爆発する。手のかたち一つひとつが操作になる。

MEDIAPIPE / THREE.JS / 2026

作品を見る
Pose Ref Studio — 3Dポーズ人形の編集画面

04

Pose Ref Studio

デッサン用の3Dポーズ人形スタジオ。関節ごとの操作と自由なカメラワークで、 描きたい構図をどんな角度からでも再現できる。家具の配置やPNG書き出しにも対応。

THREE.JS / ドローイングツール / 2026

作品を見る
Glitch Cube — 両手の間に浮かぶグリッチエフェクトのキューブ

05

Glitch Cube

両手の間にグリッチをまとったキューブが浮かぶ、ハンドトラッキングのビジュアルアプリ。 手を近づけたり離したりするとエフェクトが変化し、気に入った瞬間はPNGで保存できる。

MEDIAPIPE / THREE.JS / 2026

作品を見る
封印遺跡と失われた剣 — ゲームのタイトル画面

06

封印遺跡と失われた剣

森に沈んだ古い神殿を探索する短編3Dアクションアドベンチャー。遺跡の番人をしのぎ、 失われた剣を手に入れて封印の間を目指す。

THREE.JS / ゲーム / 2026

遊んでみる
Forest Temple Sword Puzzle — 神殿内部の3Dパズル画面

07

Forest Temple Sword Puzzle

遺跡に眠る仕掛けを解いていく3Dパズル。宝箱から剣を見つけ、 光と仕掛けを組み合わせて封じられた扉を開く。

THREE.JS / パズル / 2026

遊んでみる

制作について

道具を選ばず、つくりたいものから先に決める——そんな順番で制作しています。 3D表現にはThree.jsやMapLibre GL、手の認識にはMediaPipeと、 その作品に必要な技術をそのつど手に取り、ブラウザだけで完結する形に仕上げるのが好みです。

どの作品もリンクを開けばすぐ動きます。スマートフォンでも動くものが多いので、 気軽に触ってみてください。