Skip to content

V3: Connected Dots mesh mode and new styles - #185

Merged
git-chad merged 104 commits into
git-chad/shader-lab-v3-planfrom
git-chad/v3-dots-mesh
Oct 1, 2026
Merged

git-chad merged 104 commits into
git-chad/shader-lab-v3-planfrom
git-chad/v3-dots-mesh

Conversation

@git-chad

Copy link
Copy Markdown
Collaborator

Stacked on #184. Part of the V3 stack (parent #150); nothing merges to main until the plan is complete.

What

Requested by the user after accepting Connected Dots:

  • Mesh mode: each quad of four jittered points splits into two triangles, filled flat with the average tone or color of their corners. Fill, Wire and Wire Color control the fill and edges, and Cutoff drops triangles in light areas.
  • Six new styles:
    • Molecule: ring atoms and thin bonds on navy.
    • Circuit: grid-snapped square pads and traces in green.
    • Neural: a glowing plexus in source colors.
    • Riso: a blue and pink two-ink print on cream.
    • Low Poly: flat triangles in the photo's colors.
    • Wireframe: white triangle edges on black.

Molecule and Circuit were tuned after the first renders came out too dense.

Tests

bun run check passes, and the full bun run test:composition suite passes. connected-dots.mjs now runs 116 checks, adding:

  • Mesh fills the frame.
  • The wire draws triangle edges.
  • Triangles are flat.
  • Cut-off areas drop out.
  • Every new style renders.

🤖 Generated with Claude Code

@vercel

vercel Bot commented Sep 23, 2026 •

Copy link
Copy Markdown
Contributor

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
shader-lab Ready Ready Preview Oct 1, 2026 2:55pm UTC

@greptile-apps

greptile-apps Bot commented Sep 23, 2026

Copy link
Copy Markdown

RetriggerConfidence Score: 4/5

The PR should not merge until animated Mesh topology is prevented from producing moving gaps and overlapping facets.

Summary

This PR adds a triangulated Mesh mode to Connected Dots, mirrors it into the React SDK renderer, introduces Fill/Wire controls and six styles, and expands composition coverage and documentation.

  • Mesh facets derive flat tone or source color from their three corners.
  • New controls configure facet opacity, wire opacity, color, and width.
  • Editor and SDK implementations remain aligned.
  • Automated composition checks cover static mesh fill, wire, cutoff, flat shading, styles, and runtime parity.

Reviews (1) · Last reviewed commit: "Add Mesh mode and six new styles to Conn..."

Comment thread src/renderer/connected-dots-pass.ts
Comment thread src/lib/editor/config/layer-registry.ts
…roup failures

Media load callbacks now ignore replaced or removed passes and pending loads are cleared on disposal. Strict-mode pass failures are reported once at the originating pass instead of at every group boundary.
Publishing now drops every descendant of a hidden group and clears the
parentId of any retained layer (the audio source) whose parent was removed,
so the published scene passes hierarchy validation on reopen.
Cap the neighbor row and column search to two cells each side so the
worst-case cellAt count per fragment is 25 instead of unbounded in the
packed minimum-size, maximum-stroke configuration. Mirrored in the
runtime package.
…e on buttons

Clear the active paint layer when the layer stops being paintable (selection,
mode, visibility or lock change) so Paint never resumes without Edit Paint.
Only preventDefault on Space for non-interactive targets so focused buttons
and links still activate.
Seed is now part of ErosionStyleValues, so changing it flips the style to Custom and applying a style restores its seed.
…note

Relief now outputs the sampled source alpha (editor and runtime) instead of forcing 1. The preset note is deduplicated and states that Height From and Amount are not part of a style.
Divide the ray and core light by its coverage before blending with the
source so glow over transparent or translucent pixels is not darkened by
being treated as premultiplied. Applied to the runtime mirror too.
…ansforms

Allow shared hard edges for polygons when rotation step and jitter are zero.
Derive extended outlines from the outermost band's offset and rotation via a
shared bandLocal helper, in both the app and runtime copies.
… duplicate test

- Extend the gaussian pyramid to 10 levels so radii up to 400 document pixels keep increasing (app and SDK copies)
- Add a oneOf visibility condition and gate Focus, Focus Range and Center to the modes that read them
- Make the duplicate independence test change a real parameter
Add Mask Feather parameter definition for brush masks so the timeline shows the user-facing label. Update the manual QA Limits paragraph to match the Feather and keyframe contract.
Derive output alpha from the red, green and blue samples so displaced
fringes survive at transparent edges. Skip the blur pyramid when distance
and frost are both zero, in the app and runtime copies.
…est, video benchmark

- Image background keeps the input alpha instead of forcing opaque (editor and runtime passes)
- Duplication check edits the real mode param and asserts both layers
- Add a --dots scenario set (graph, blobs, plexus) to the effect video benchmark
…trols

Mesh drift is scaled to keep each point inside its cell, and each quad
splits along whichever diagonal is interior. Dot and link controls that
Mesh ignores are hidden, via a new oneOf visibility condition.
@git-chad
git-chad force-pushed the git-chad/v3-connected-dots branch from 0efd706 to c840376 Compare October 1, 2026 14:03
@git-chad
git-chad force-pushed the git-chad/v3-dots-mesh branch from 575c221 to 297b5d3 Compare October 1, 2026 14:53
@git-chad
git-chad changed the base branch from git-chad/v3-connected-dots to git-chad/shader-lab-v3-plan October 1, 2026 15:14
@git-chad
git-chad merged commit 575c221 into git-chad/shader-lab-v3-plan Oct 1, 2026
4 of 5 checks passed

This branch was successfully deployed

1 active deployment
Preview — 575c2218 Deployed Oct 1, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant