FIG. 01 — STILLLIVE
DRAG INSIDE — 窓の中でも揺らせます
線香花火Senkō-hanabi
小さな火の玉が、ひとりでに火花を枝分かれさせ、やがて静かに消えていく。
- STAGES
- 蕾・牡丹・松葉・柳・散り菊（約50秒）
- TOUCH
- ドラッグで揺らす。揺らしすぎると玉が落ちる
- INSIDE
- 分裂する火花、こよりの紐の物理、ブルーム
AMIX MOTION ARCHIVE 02
PHENOMENA — さわれる現象ギャラリー
身近な現象を、ブラウザの中でいま計算して描き、指先で触れられるようにしたギャラリーです。作品は少しずつ増えていきます。
FIG. 01 — STILLLIVE
DRAG INSIDE — 窓の中でも揺らせます
FIG. 02 — STILLLIVE
MOVE INSIDE — カーソルが磁石になります
磁性流体Ferrofluid
黒い液が、磁石に応えて、いっせいにとげを立てる。
- STATES
- 凪・隆起・棘・冠
- TOUCH
- なぞると液がついてくる。押し続けると、とげが立つ
- INSIDE
- 頂点シェーダーの液面、六角格子のとげ、ばねの応答
FIG. 03 — STILLLIVE
TAP INSIDE — 割る・継ぐ
金継ぎKintsugi
割れた跡を隠さずに、金で描く。割るたびに、線が重なっていく。
- STAGES
- 器・割・継・金（三度まで重ねられる）
- TOUCH
- タップで割る、もう一度で継ぐ。ドラッグで回す
- INSIDE
- 立体のボロノイ図で切った厚みのある破片、流れ込む金
FIG. 04 — STILLLIVE
MOVE INSIDE — カーソルが捕食者になります
銀の群れBait Ball
追われた群れは、ひとつの球になる。向きを変えるたび、銀の光が端から端へ走る。
- STATES
- 散・群・球・裂
- TOUCH
- 近づくと群れが球になる。押し続けると捕食者が突っ込む
- INSIDE
- 数千匹のボイド、怖さで回る球、鏡の脇腹が映す水面の光
FIG. 05 — STILLLIVE
TAP INSIDE — しずくを落とせます
雨の水たまりPuddle
雨粒が落ちるたび、街の灯りが輪になって揺れる。雨がやむと、水面は鏡になる。
- WEATHER
- 小雨・本降り・土砂降り・雨上がり（約70秒でめぐる）
- TOUCH
- 水面をタップすると、大きなしずくが落ちる
- INSIDE
- GPUで解く波の方程式、鏡写しのカメラ、濡れたアスファルト
FIG. 06 — STILLLIVE
DRAG INSIDE — なぞると霜が溶けます
窓の霜Window Frost
冷えた窓に、氷の羽が音もなく伸びていく。なぞった跡から、夜の街が透ける。
- STAGES
- 結露・霜の芽・羽・氷の花・朝（約70秒でめぐる）
- TOUCH
- なぞると溶ける。押したままにすると、息で曇る
- INSIDE
- GPUで解く結晶成長の式（位相場）、凍るときに出る熱、六方向の枝
ABOUTこのギャラリーについて
PHENOMENA は、AMIX MOTION ARCHIVE の二冊目です。一冊目の MOTION & WEBGL GALLERY が表現の技法を集めたのに対して、こちらは「現象」をひとつずつ取り上げます。
どの作品も、あらかじめ録画した映像ではありません。開いたその場で、ブラウザが火花の分かれ方や液面の形、破片の割れ方を計算して描いています。そして触れると、そのとおりに変わります。各ページの下には、その現象がなぜ起きるのか、どう作ったのかを書いています。
- LIVE録画ではなく、その場で計算して描く。
- TOUCHドラッグやタップで、現象そのものが変わる。
- READなぜ起きるのか、どう作ったのかも読める。
- NO INSTALLブラウザだけで、スマートフォンでも動く。
ARCHIVE 01 / 一冊目
Motion & WebGL Gallery
パーティクル、シェーダー、スクロール連動、SVG。表現の技法を集めた一冊目。29本のライブ実験。
PLAY / 遊ぶ
Three.js Game Gallery
同じ技術で作ったゲームで遊べます。すべて無料・ブラウザ完結。