Renderer de filaments WebGL
LumaThread
Le moteur visuel extrait d’OpenBacktest : trajectoires libres, rendu HDR, multi-filaments, profils et interactions pointeur.
- Période
- 2026 — aujourd’hui
- Catégorie
- Open source
- État
- En développement
- Contexte
- Projet personnel
- Rôle
- Architecture graphique, API React et shaders WebGL
- 5 sources
- sine, organic, custom, SVG, follow
- HDR
- intersections multi-contributions
- WebGL2
- pipeline graphique principal
Vue d’ensemble
LumaThread transforme le renderer lumineux de la landing OpenBacktest en bibliothèque React autonome. Le moteur prend en charge les chemins analytiques et libres, les intersections HDR, les profils longitudinaux, les thèmes clair et sombre et un fallback WebGL1.
Le défi
Extraire un effet de landing devenu très configurable sans transporter les dépendances et les décisions spécifiques à OpenBacktest, tout en conservant la qualité du rendu HDR et les performances.
L’approche
Le moteur a été séparé en sources de trajectoire, déformateurs, profils longitudinaux et matériau. Un laboratoire de configuration et un benchmark déterministe permettent de faire évoluer le renderer sans réintroduire les artefacts historiques.
Le résultat
LumaThread est maintenant une bibliothèque React autonome avec build typé, laboratoire compact, benchmark de régression, thèmes clair et sombre et rendu multi-filaments.
Réalisations clés
- Renderer HDR multi-contributions
- Trajectoires custom, SVG, organiques et follow
- API composable et fallback WebGL1