INKWAVE

Ink Tide is a cel-shaded arcade boat-racing game for the browser, built with Vite, TypeScript, and Three.js. It uses no external assets: meshes, textures, rider animations, and sounds are generated in code. The game runs on an infinite procedural ocean formed from six summed Gerstner waves displaced in a vertex shader on a camera-recentered radial grid; CPU buoyancy samples the same wave field at six hull points, while GPU water rendering receives shared wave uniforms. Boats race three laps around a closed circuit with checkpoint gates, wrong-way detection, split times, AI drivers, powerslide-charged boosts, camera cycling, and gamepad controls. Rendering uses quantised cel shading, banded specular highlights, Fresnel rims, inverted-hull exterior outlines, and a Sobel pass for interior lines. Audio is synthesized with Web Audio, including engine, water, impact, and race-start sounds. The repository includes a Playwright-based screenshot harness for capturing and verifying game frames.

A browser-based first-person shooter built with Three.js r180 and WebGL2. It uses procedurally generated textures, meshes, animations, and Web Audio synthesis rather than external art or sound files; its systems include a market-street world with enterable interiors, custom physics and character movement, procedural weapons and ballistics, GPU visual effects, navmesh-based enemy AI with perception and cover behavior, and a DOM/CSS HUD. The repository also provides a development and testing harness: headless-Chromium screenshot capture, isolated reproducible shotsets with pixel-diff gating, scripted playtesting, and a gameplay profiler that reports frame-time distributions and attributes hitches to per-frame WebGL program compilation. The project is run with npm and has Three.js as its only runtime dependency.

Tidewater is a browser-based island fishing game. Players fish from a pier, beach, or boat, manage line tension while fighting catches, sell fish to a village vendor, and spend the proceeds on equipment such as stronger line, reels, rods, a larger hold, fuel capacity, an engine, a fish finder, and deck lights. The island and surrounding ocean can be explored on foot, by swimming underwater, or by boat, with fishing conditions varying by water depth and time of day. The game runs directly on WebGPU and WGSL using its own rendering engine rather than a framework. Its systems include a four-cascade FFT ocean based on Tessendorf spectra, shallow-water swash simulation, boat wakes, underwater lighting and caustics, a physically based atmosphere, volumetric clouds, dynamic lighting, positional audio, and browser-saved progress. It requires a recent browser with WebGPU and a capable GPU; the first load compiles several hundred shaders. The source code is released under the MIT license and is deployed as a static build through GitHub Pages.

An interactive skillshot visual-effects sandbox built with Three.js, Vite, and hand-written GLSL. It provides seven abilities and five aiming modes, with keyboard-armed targeting indicators that follow the mouse before the user clicks to fire. The documented abilities use procedural animated effects such as molten ground and burning blades, a ring of tentacles emerging from a rift, an electrical sphere rising from a containment platform, stone formations along a cast line, and constructed gates or rings. The video describes it as a workbench for designing game abilities while they are animated, using procedural geometry, GLSL, and GPU particles with live adjustment against a paused frame.

Canvas UI is an open-source, framework-agnostic library of creative UI components that render canvas and WebGL effects over live, interactive HTML. Its components use the experimental HTML-in-canvas API to read and redraw the DOM as a texture while preserving selectable text and clickable links; where that API is unavailable, they fall back to WebGL overlays. The library includes fluid simulations, shader effects, 3D scenes, distortion, particles, glass, fire, retro, and glitch effects, including Liquid, Ripple, Blaze, Glass, VHS, Shatter, and Decrypt Reveal. Each component is implemented as a plain TypeScript and WebGL engine with thin wrappers for React, Solid, Preact, Vue, Svelte, and vanilla JavaScript. Components are copied into an application through a shadcn-compatible registry rather than installed as a conventional dependency, and provide typed props with default configuration. The registry is MCP-ready for AI-assisted component discovery and installation. HTML-in-canvas effects require Chrome with the relevant flag or an origin-trial token; other environments use the WebGL-overlay fallback, while the library’s 3D effect components work without that flag. The project includes the component source, documentation site, demos, and registry builder, and is distributed under the MIT license with the Commons Clause, which restricts selling the library itself.