Body

ResonaResona

Seven camera studies you play with your body: movement becomes light and sound, and no video ever leaves your device.身体で遊ぶ 7 つの習作。動きが光と音になり、映像は端末の外に出ない。

Play ResonaResona を体験する

Challenge課題

A screen has no weight and no friction, and a hand in front of a camera touches nothing. Resona still asks each gesture to feel like it meets something — a string that pulls back, ink that spreads, a sparkler that burns — before any label explains what to do. If the motion is wrong, no amount of text rescues it.画面には重さも摩擦もなく、カメラの前の手は何にも触れていない。それでも Resona では、身ぶりが何かに当たった感覚を、説明より先に届けたい。引き返す弦、にじむ墨、指先で燃える花火。動きがうそをつけば、どんな説明文も取り返せない。

Solution解決

Each study is built around a handful of verbs and nothing else: TENSION is reach, grab, pull, release, strum; INK is paint and pour; SPARKLER is pinch and burn. The camera follows the hand, and the response comes back as light, sound and motion — how far something stretches, how it gives way, how long it lingers. Everything runs on the device; no video is ever transmitted. Only the seven finished studies are published.習作ごとに、使う動詞を数個に絞った。TENSION(張)は伸ばす・つかむ・引く・放す・かき鳴らす。INK(墨)は描く・注ぐ。SPARKLER(灯)はつまむ・燃やす。カメラが手を追い、応答は光と音と動きで返す。どこまで伸びるか、どう崩れるか、どれだけ残るか。処理はすべて端末の中で、映像は一切送信しない。公開しているのは、完成した 7 作だけ。

Impactインパクト

I built Resona — hand-tracked WebGL studies where each piece is only a few verbs.手追跡 WebGL の Resona — 各作品はほんの数個の動詞だけで動く。

What I handled担当フェーズ

  • Researchリサーチ
  • Business / Strategyビジネス/戦略
  • Conceptコンセプト
  • UX / UIUX/UI
  • Design Systemデザインシステム
  • Prototypeプロトタイプ
  • Build実装
  • Launch / Growthローンチ/グロース

The body is the controller 身体がコントローラーになる

There is no controller and nothing to install: open a link, and the camera watches the body. Movement becomes light and sound, and everything runs on the device — no video is ever transmitted. The hand touches nothing, so the light, sound and motion have to answer it: how far something stretches, how it gives way, how long it lingers. コントローラーも、インストールもいらない。リンクを開けば、カメラが身体を見る。動きは光と音になり、処理はすべて端末の中で、映像は一切送信しない。手は何にも触れていないから、光と音と動きが応えるしかない。どこまで伸びるか、どう崩れるか、どれだけ残るか。

Resona study 09, SPARKLER: two tracked hands drawn as thin line skeletons, each with a burst of golden sparks at the fingertip
09 灯 SPARKLER. The tracked hand is drawn as a thin skeleton; pinch, and a spark burns at the fingertip. 09 灯 SPARKLER。追跡した手は細い骨格線で描かれ、指先をつまむと火花が燃える。

Seven studies, a few verbs each 7 つの習作、それぞれに数個の動詞

Each published study is named by one kanji and defined by what your body does in it. Keeping the verbs few is what lets a first-time visitor understand the piece without a line of instruction. Studies still in progress are not listed. 公開している習作は、それぞれ漢字一字の名前と、そこで身体がする動詞で決まっている。動詞を少なく保つから、初めての人も説明なしで作品が分かる。制作中の習作はここには載せていない。

張

TENSION — reach, grab, pull, release, strumTENSION — 伸ばす・つかむ・引く・放す・かき鳴らす

声

VOICE — shape, sustain, harmonizeVOICE — 形づくる・伸ばす・重ねる

間

BETWEEN — approach, dwellBETWEEN — 近づく・とどまる

墨

INK — paint, pourINK — 描く・注ぐ

眼

GAZE — look, dwellGAZE — 見る・とどまる

灯

SPARKLER — pinch, burnSPARKLER — つまむ・燃やす

綾

AYA — weave, twist, resonateAYA — 織る・ねじる・響かせる

Role役割
Designer & builderデザイン・開発
Year年
2025–2026

Stack技術 — Motion design · Creative technology · On-device camera tracking

Let's build a product or AI system together.プロダクトや AI システムを一緒に作りませんか。