Featured realtime visual
Stylized Contour Rendering
Clean silhouettes and internal lines make 3D products and scenes read like graphic illustration.
Portfolio / Realtime graphics / Software
I work across custom shaders, WebGL experiences, C++ rendering, and complex web products. This portfolio collects selected visual studies, concept sites, tools, and shipped software.
Realtime visual effects
Featured realtime visual
Clean silhouettes and internal lines make 3D products and scenes read like graphic illustration.
Interactive visual system
A procedural planet with bold color banding and realtime rings for memorable space-themed hero visuals and interactive scenes.
Interactive visual system
A lake surface shifts from moving water to shoreline ice, creating an atmospheric seasonal transition in realtime.
Interactive visual system
Soft, art-directable terrain forms create a responsive snowy environment without relying on dense sculpted geometry.
Interactive Web Experiences
Self-initiated concepts exploring how realtime graphics, input, motion, and accessible frontend content can work as one experience.
Interactive web concept
A perfume concept built around a lacquered Three.js bottle, a removable cap, tactile atomizer, pooled spray particles, and a pointer-responsive scent field.
Interactive web concept
A concept for products built around movement, live data, or the environment, using a responsive wind field driven by pointer velocity.
Interactive web concept
A spatial-audio concept that turns an abstract product feature into an interactive field of attracted and repelled rings.
Software and product engineering
Selected web, desktop, and cross-platform products covering realtime collaboration, visualization, and long-lived application architecture.
Product engineering
Live web classroom for teaching chess online: interactive board, audio/video, quizzes, and tournaments.
Product engineering
A cross-platform Electron app for creating high-quality charts and business graphics with offline support and presentation integrations.
Product engineering
A cross-platform construction collaboration app for sharing photos, chatting in real time, and tracking project activity across teams and roles.
Product engineering
A cross-platform legal consultation app that connects users with lawyers via real-time video/audio/text chat, with file exchange and document scanning.
Realtime Graphics Lab
Procedural masks, color workflows, noise, shapes, and other shader building blocks with interactive examples.
Open the full labThis shader compares multiple noise generation strategies, including Gradient noise and Simplex noise. It can be used to create a variety of textures and patterns, from natural landscapes to abstract designs.
This shader generates various geometric shapes based on UV coordinates, allowing for creative designs and patterns. It can be used for backgrounds, overlays, or decorative elements in your graphics.
This shader applies the Oklab color space to create a smooth, visually appealing gradient effect. It demonstrates the use of perceptually uniform color spaces for more natural transitions.
This shader generates a striped pattern by alternating color bands based on screen-space coordinates. The result is a clean, repeating design ideal for stylized backgrounds or overlays.
Interactive web development
The focused offer for agencies, designers, and product teams lives on a separate page.