Kamos Creative Engineは、Three.jsとLenis・GSAPを組み合わせ、美しく滑らかなGenerativeアニメーションと既存のHTML (DOM) をシームレスに同期・ブレンドするためのコアコンポーネントです。
01.
Native WebGL & GSAP
レンダリング
Three.jsとGSAPをベースに、バターのように滑らかなレンダリングを提供します。
- デバイスピクセル比の自動最適化
- 自動リサイズハンドリングとカメラ同期
- スマートなメモリ・ガベージコレクション管理
🚀
02.
Generative Aesthetics
ヴィジュアル・エフェクト
多様化するKamosペルソナに合わせて適応できる、モジュール型のジェネレーター。
- Sakura Particle System (パーティクル発生器)
- Icosahedron Field Generator (幾何学オブジェ群)
- 有機的なアンビエント・モーションとシェーダー演算
🌸
03.
DOM Synchronization
空間の融合
HTML要素を3D空間上のWebGLオブジェクトに自動マッピングし、パララックス効果などを容易に実現。
- 仮想カメラとブラウザレイアウトの完全一致
- Lenisによる慣性スクロール同期・ブレンド
- 画像ホバー時のシェーダー歪み適用・インタラクション
✨