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

Kandera のエディタ画面 — 左にノードグラフ、右にビューポート
本物のエディタ画面 (開発中のビルド)

なにができるか

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 の単色放射に対する定義で、一般の光を測光量に変換するには 人間の視感度関数なども関わる。「ワットをルーメンに変える定数」は少し単純化した言い方。

いまの状態

進捗は X で。