Immersive WebGL Creations

惹きつけるインタラクティブ体験を、
Three.jsでデザインします。

リアルタイム3D、ジェネレーティブアート、ビジュアルストーリーテリングまで。想像を超える表現をブラウザで。

作品を見る相談する

Scroll

About

WebGLアーティスト / フロントエンドエンジニア

ブラウザで実現できる表現の限界を追求し、インタラクティブなプロジェクトを多数制作。 Three.jsをはじめとしたWebGLフレームワークを得意とし、演出・UI・UXまでトータルで設計します。

モーションデザイン、シェーダープログラミング、パフォーマンスチューニングを組み合わせ、ビジネス課題を解決する魅力的な体験を提供します。

Three.js / WebGL 2.0
GLSL Shader Programming
Procedural Animation
Creative Coding / Generative Art
React / TypeScript / Web Components

制作スタイル

コンセプト設計からプロトタイプ、実装、運用までワンストップで対応。多職種と連携しながら体験価値にフォーカスした開発を行います。

拠点: Tokyo, Remote
対応可能: 受託開発 / コンサルティング / R&D
ツール: Blender, TouchDesigner, After Effects

Works

WebGL & Three.js Works

iframeによる埋め込み、またはモーダルで拡大表示できるインタラクティブな作品を紹介します。各プロジェクトはダミーデータで構成されており、簡単に差し替え可能です。

Nebula Flow

パーティクルで描く銀河空間。マウス操作に反応して軌跡が変化する没入感の高いデモ。

Tidal Prism

フラクタルノイズで生成した海原。マテリアルを調整し、幻想的な光の屈折を表現。

Synth City

低ポリゴンのビル群をリズミカルにライトアップ。音楽連動演出のプロトタイプ。

Aurora Trails

シェーダーで描くオーロラのリボン。複数レイヤーの波が時間変化する幻想的なライティングデモ。

Orbital Bloom

中心コアを囲む衛星群が軌道を描きながら光り輝く、データアート風のジェネレーティブアニメーション。

Prism Halo

多層のプリズムに包まれたエネルギーコア。光の輪郭がゆっくりと脈動し、空間を満たします。

Ripple Field

シェーダーで生成した干渉模様が波紋のように広がる水盤。視点を変えてもリズムが続きます。

Flux Bloom

粒子が花弁のように咲き広がるジェネレーティブアート。トーラスノットの軌跡が奥行きを演出します。

Pulse Grid

矩形のグリッドが立体的に鼓動するサウンドビジュアライザー。波の中心が時間とともに移動します。

Crystal Forest

放射状に広がる光る結晶の森。インスタンスメッシュを用いて滑らかな風の揺らぎを表現しました。

Radiant Trails

多層のリボンが空中で交差しながら軌跡を描くラインアート。グラデーションが躍動感を強調します。

Zenith Rings

円環が層を成して回転する天体モチーフ。中心コアと粒子群が立体感を生み出します。

Solstice Drift

ノイズを組み合わせたシェーダーで淡い光の雲海を生成。滑らかな揺らぎが幻想的です。

Ember Swell

トーラスノットに火の粉が舞う炎のオブジェ。シェーダーパーティクルで熱気を演出します。

Velvet Currents

FBMノイズで変形する球体の流体アニメーション。ベルベットのような光沢感を表現しました。

Contact

プロジェクトのご相談・お問い合わせ

コラボレーションや新規案件のご相談はメールまたはSNSのダイレクトメッセージからお気軽にどうぞ。案件内容や予算感など、差し支えない範囲でお知らせください。

惹きつけるインタラクティブ体験を、 Three.jsでデザインします。