LiquidMetal シェーダー 14 面
WebGL コンテキスト上限を lazy mount / in-view freeze / preload queue で管理しながら 14 面で稼働。
SPIKES
学生ピッチ祭典の LP。重量 WebGL シェーダーと約 100 軸の Tweak デザインシステムで魅せつつ、Notion × Google フォーム × 4S を突合して Guild リファラルをリアルタイム追跡する運営基盤も自前実装。
COMMITS809
LINES+279,800
TWEAK 軸≈100
シェーダー面14
LiquidMetal ヒーロー + グリッチ入場
同一システムから量産された世界観別ヒーロー
実装の現物 — Tweak システム (仕組みの縮小版)
S/00 — SAMPLETWEAK LIVE
単一ソースの軸定義 → data-* 属性 + CSS 変数 → 即時反映。 再レンダなしで CSS だけが切り替わる。
data-palette="noir"本番は約 100 軸。単一ソースの軸定義 → data-* + CSS 変数へ純関数展開、という仕組みを 4 軸で再現。@harvested-from spikes-lp
WHAT'S INSIDE
Tweak デザインシステム 約100軸
enum + スライダー約100軸を単一真実源で型定義。<html data-*> + CSS 変数に純関数展開、SSR で FOUC ゼロ。
Guild 三者突合
Notion 申請 DB × Google フォーム × 4S 参加者を団体名正規化辞書で突合し、リファラルをリアルタイム追跡。
キャラクター別サブ LP × 13
1 つのデザインシステムから世界観別ヒーローを量産。
