Skill UI

Master the art of integrating high-performance, immersive 3D elements into web applications. This skill covers implementing advanced techniques using libraries like Three.js and React Three Fiber, optimizing WebGL performance, and designing interactive scenes. Focus is placed on balancing visual wonder with real-world usability and performance constraints, including model optimization and scroll-driven animations.

Guides building systematic, high-quality 3D scenes, animations, and interactive experiences with Three.js by covering setup, geometry, materials, lighting, controls, and responsiveness for WebGL projects.

Guide for configuring Three.js lighting, covering light types, shadows, environment lighting, and performance trade-offs to boost readability, realism, and mood in WebGL scenes.

Build cinematic, 2.5D interactive websites with scroll storytelling, parallax depth, floating products, text animations, and premium scroll effects without WebGL—ideal for launches, hero sections, or any page that must feel alive.

A comprehensive skill guide for building complex, feature-rich web games and game engines using modern web technologies like HTML5, Canvas, WebGL, and JavaScript. Covers full 2D and 3D game development workflows, including implementing the game loop, physics simulation (collision detection, Newtonian physics), handling diverse input methods (touch, gamepad), managing assets, and integrating multiplayer features via WebRTC. Ideal for creating everything from simple platformers to advanced 3D simulations.