Ink Tide

INKWAVE is an open-source browser-based 4v4 turf-war shooter built with three.js. Players paint arena surfaces, swim through their team's ink to move quickly and refill their tank, use weapons and special abilities, and compete against bots across three stages; the team with the most painted ground after three minutes wins. It includes seven weapon types, squid movement, map viewing with Super Jumps, character customization, and keyboard, mouse, and gamepad controls. Ink is painted into texture-space regions on a GPU-managed 4K atlas, while a coarse CPU grid tracks turf scores and gameplay queries. Shaders add height, gloss, wetness, drying, and wall-drip effects. Stages are defined as data and mirrored by 180 degrees for symmetrical team layouts; characters use procedurally generated geometry, materials, a 60-bone rig, and code-driven animations. Weapons, actors, match logic, effects, HUD, and audio communicate through typed events, and deterministic freeze-and-step tooling supports reproducible bot simulations and filmstrip generation. The game has no build step for local development and can run from a static file server; its included server starts the game at localhost:8490. Chrome and Edge are the target browsers, with Firefox supported and Safari described as slower. The repository is licensed under MIT and states that INKWAVE is an independent project unaffiliated with Nintendo.

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.

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.

Viscose is a portfolio carousel rendered as a single full-screen WebGL fragment shader rather than a grid of DOM elements. Project cards travel around a mostly off-screen ring that can be turned by scrolling, dragging, swiping, or clicking; momentum carries the ring and it snaps the nearest card to the front. Signed distance fields make neighboring cards melt together as they approach and form thin, sagging threads as they separate, while pointer interaction softens the field, shifts nearby cards, and creates connecting effects. The same shader pass renders the threads, the refracting glass-like edges at the top and bottom of the viewport, and the cursor tag. On touch devices, swiping turns the ring and press-and-hold triggers the hover effects. The project includes a development-only lil-gui panel with roughly 136 live parameters and is built with Next.js, React, Three.js, GSAP, and Tailwind CSS; it requires Node.js 20 or newer to run locally.

Paper Aquarium is a home game that turns a child's marker-colored A4 sheet into a 3D fish swimming in a browser aquarium, with a phone used to capture the sheet and a large screen used for viewing. Four black corner markers identify the sheet and its species while allowing the capture code to locate it in the photo and undo perspective distortion. The system then crops the drawing along the species contour, removes the printed outline, and maps the result as a texture onto a Three.js fish model; the aquarium positions fish within a camera-frustum-shaped volume and infers their orientation from the animation's tail movement. It includes ready-made fish, food, coloring sheets, backgrounds, multiple aquariums, and phone-to-TV handoff through a QR code, link, or five-digit code. The server uses plain Node with no dependencies, with Three.js stored in the repository; it requires Node 18 or later.