I build high-performance interactive web experiences powered by modern WebGL, Three.js, and custom rendering architecture.
I’m the creator of StringTune, a modular JavaScript ecosystem that eliminates spaghetti code through a declarative, attribute-driven approach synchronizing DOM, physics, and GPU rendering.
2
3
33
Kaleida
• WebGL & Shaders: Kaleida engine rendering hundreds of reactive lines at 90 FPS via vertex-pulling and GLSL "warp-speed" effects.
• Video Engineering: Centralized HLS.js ecosystem with Master/Slave sync, smart buffering (max 6 streams), and dynamic asset pipelines.
• Canvas Engine: Logo slider with custom SVG rasterization (Retina-ready) and "curtain" sliced transitions.
• UI Math: Proximity-based illumination and Algorithmic Masonry grids using modulo logic and GPU-bound clip-path animations.
1
30
XE Works: Advanced HTML-to-3D & GPGPU Systems
• PyroScape Framework: Custom Three.js wrapper that projects DOM elements into 3D space via NDC coordinate mapping, enabling seamless 2D/3D UI integration.
• GPGPU Particles: High-performance simulation using Ping-Pong Buffering and GLSL shaders to calculate physics for thousands of particles entirely on the GPU.
• Creative UI: Features real-time raycasted interactions and physical glass rendering (IOR/Transmission).
• CMS: Strapi headless integration with a modular schema for client-side content autonomy and instant API sync.
1
33
Advanced WebGL, Audio & Physics Interactive Systems
• Creative Dev: Built dynamic WebGL Symbol Grids with Context Pooling to bypass browser limits and 16px throttling for 60 FPS.
• Audio Engine: Developed a Web Audio API Turntable with real-time scratching, buffer inversion, and inertia-based rotational physics.
• Procedural UI: Created a String Physics System using Lerp logic and Cubic Bezier curves for high-performance elastic motion.
• UX Innovation: Implemented "Cursor Discovery" and Rhythmic Grids with GPU-bound nested transforms.
1
40
Creative WebGL & Headless Shopify Engine
• Visual FX: Built a Cinematic Pixelation Reveal using a dual-canvas buffer system and recursive logic for high-performance image reconstruction.
• 3D Interaction: Created a 3D Product Reveal engine with PBR rendering and custom GLSL shaders (Glitch/Masking), orchestrated by a state machine and synced with scroll.
• E-commerce: Architected a Headless Shopify platform (Nuxt 3) with a Hybrid API Gateway (GraphQL/Admin API), Pinia-driven Optimistic UI, and Edge caching for enterprise-grade performance.
1
37
High-Performance E-commerce & Interactive Engine
• Backend: Node.js (Express) hub with background sync via GraphQL. Uses In-Memory Managers and Factory patterns for data access and instant frontend delivery.
• Frontend: Orchestrated by my StringTune library, enabling high-performance scroll-driven motion and fluid 3D timelines even with heavy assets.
• Custom Tools: Built a Canvas Circular Text Engine with polar mapping and dynamic kerning for real-time product customization (WYSIWYG), ensuring HiDPI clarity and perfect font sync.