Research WIP
Kandera
node-based shader & simulation editor — for the web and After Effects
シェーダーを、コードではなくノードで組むエディタです。 パーティクルやシミュレーションまで、TouchDesigner や 3D ソフトを立ち上げずに After Effects の中で完結します。 ブラウザでも、同じグラフが同じ絵になります。
Launch Editor — β、ブラウザで動きます Node Reference Follow updates on X
なにができるか
-
AE の中で、ノードで組む
エディタは After Effects の中で開く。AE のスライダー・カラー・レイヤー・カメラ・キーフレームがそのままノードの入力になる。
-
本物のシミュレーション
布・流体・液体・剛体・破壊・爆発・軟体。パーティクルのエフェクトではなく、物理で動かした結果を AE のタイムラインに載せる。
-
決定論、だからスクラブできる
同じフレームは何度レンダーしても同じ絵。タイムラインを前後に動かしても、レンダーファームに投げても壊れない。
Features
174 nodes / 13 categories。以下は実装済みのものだけ (2026-09 時点)。全ノードの一覧は Node Reference に。
Simulation
- Cloth (GPU Verlet, SDF / mesh collision)
- Fluid 2D / 3D smoke
- Liquid (FLIP) / High-quality water (MLS-MPM)
- Sand & snow (MPM)
- Rigid body / Pre-fractured destruction
- Explosion (fireball, smoke burst, sparks)
- Soft body (XPBD)
- Buoyancy coupling (rigid ↔ water)
- Volume rendering / VDB sequence playback
- Cache import (Alembic mesh)
Particles
- Emitters: point / line / grid / area / sphere / burst
- Emit from SDF, model, texture, AE layer
- Sprite & 3D particles, trails & ribbons
- Force fields: vortex / curl noise / collision
- True motion blur (sub-frame accumulation)
- Cloner & Effector (C4D-style)
3D & Rendering
- GLB / glTF with full PBR + IBL, skinning
- Sheen / clearcoat / iridescence / anisotropy / SSS
- Point / Spot / Area / Directional lights, unified shadow maps
- SSAO, SDF AO, SSR, pseudo GI
- Bloom, halation, optical glow, ACES / AgX tone mapping
- LENS: DOF, chromatic aberration, vignette, grain
- Toon / cel look with depth edges
- Shadow catcher for live-action compositing
- 3D viewport & text / shape extrude with bevels
- Effects: kaleidoscope, halftone, pixel sort, VHS, glitch
Workflow
- Node graph with per-node bypass
- AE sliders / colors / layers / camera / keyframes as inputs
- Deterministic, scrubbable timeline (checkpoints)
- Audio reactive (band-split, bit-identical on render farms)
- Same graph → same image in browser and AE
動くところ
- Browser
- WebGL2。高品質水だけ WebGPU を使う (非対応環境ではバッジで案内)。ブラウザ版は今すぐ触れます。
- After Effects
- macOS (Metal)。エディタは AE の中で開き、ブラウザと同じグラフが同じ絵になる。After Effects 2025 で開発・確認しています。
- Windows
- 準備中。
名前について
Kandera = Kcd × candela。 光を物理量から人間が見る明るさへつなぐ定数 Kcd が由来。 レンダリングも、光を計算して人が見る画にするものだから。
もう少し詳しく
Kcd は 2019 年の SI 再定義で基礎となった 7 つの定義定数のひとつ。 周波数 540 THz の単色放射について、683 lm/W という値を定めている。
W (ワット) は光が物理的にどれだけのエネルギーを持っているか。 lm (ルーメン) はその光を人間の目がどれくらい明るく感じるか。 Kcd は、物理世界の光と人間が知覚する明るさを結びつける定義になっている。
Kandera がやっているレンダリングも同じ向きの仕事で、光やマテリアルを計算して、 最終的に人間が見る映像へ変換する。だから Kcd と、光の単位 candela を掛けて Kandera。
厳密には Kcd は 540 THz の単色放射に対する定義で、一般の光を測光量に変換するには 人間の視感度関数なども関わる。「ワットをルーメンに変える定数」は少し単純化した言い方。
いまの状態
- 開発中。ブラウザ版の公開に向けて準備している
- ノードのリファレンス (全 174 ノードの入出力・パラメータ表 + 検索) を準備中。説明文を執筆中
- Windows 版を準備中
進捗は X で。