Skip to content

Design tools for Y2K and pixel-glitch posters, and five posters made with them - #17

Merged
srivtx merged 4 commits into
mainfrom
design-tools-v3
Oct 22, 2026
Merged

srivtx merged 4 commits into
mainfrom
design-tools-v3

Conversation

@srivtx

@srivtx srivtx commented Oct 21, 2026 •

Copy link
Copy Markdown
Owner

New tools for Y2K, 3D-abstract and pixel-glitch posters, plus five animated poster scenes made with them. Each scene was compared with a reference poster and tuned until it read the same way.

Gaps found

Compared with the reference set (chrome and inflatable tubes, topo-line puffs, speckled foam, pixel debris, stepped pixel badges, glowing blobs), the app was missing:

  • a way to draw a pen line on over time (tubes drawing themselves);
  • pixel debris breaking off type, and torn scan lines;
  • surface marks on Puffy: topographic contour lines and speckles;
  • a keyframe that waits and then makes a move (every loop was a constant swing or ramp).

Already possible, now with recipes: stepped pixel badges (Weight + Pixels), glow clouds (Glow gradient), chrome tubes (Liquid chrome on a pen line), spiky chrome stars (Starburst + a chrome ball).

New tools

  • Line › Start / End / Slide (engine Trim on pen lines): draw only part of a line. Each one has a keyframe diamond, so End draws a line on and Slide runs a stretch round a loop. Subpaths draw one after another, or all at once with Every part at once. Works with every material. Ribbon colours stay put while a line draws.
  • Glitch modifier (Texture): square pixel debris that breaks off the outside of the whole form, measured from its silhouette so letter gaps and counters stay clean. It also takes the odd bite out of edges and tears horizontal bands sideways by whole blocks. Fields: Debris, Block size, Reach, Tear, Band height, Seed. As Debris grows, the same blocks stay and more are added, so debris gathers instead of reshuffling.
  • Puffy › Surface: Contour lines (level curves of slow noise, lifted by the puff so they wrap round the form) or Speckles. Mark colour, amount, size, line width, and a Flow setting that can be animated.
  • Hold keyframe mode: waits at its value, then goes to To and comes back. Use it for wiping a line off and drawing it on, a puff, or a burst of debris. At rest the design shows its own value, so thumbnails and stills look complete.
  • Recipes: Glitch, Pixel debris, Torn scan, Pixel badge.

Materials (from a parallel pass on the remaining gaps):

  • Form › Tube on Liquid chrome and Puffy: a new height profile that rounds every part across its own width, so spikes shade as cones and strokes as tubes. It's off by default, so existing designs don't change.
  • Inflatable vinyl: saturated blow-up plastic lit through the skin, crisp softbox highlights, room reflections, pinched rings (round the centre or across the tubes), wrinkles, an edge seam, and a clear-plastic mode that bends what's behind.
  • Flat › Glow: a bloom in the fill colour with a glowing edge, for neon clouds and stars.
  • Folded paper: creases, crumples, mottling and grain. With the paper turned off, it folds a whole poster laid underneath.
  • Photo › Print screen: halftone dots, gritty dither or line screen, per channel or in the duotone's two inks.
  • Presets for each one (Lime vinyl, Pinched hash, Clear vinyl, Chrome spikes, Lime glow, Folded poster, and more).

Scenes (Templates › Learn)

  • Animated · Y2K set: topo-line puffy blob, a spiky chrome star shaded as cones (Form › Tube), speckled foam, a chrome flower tube and a script stroke drawing on, around pixel and serif type.
  • Animated · Inflatable: Inflatable vinyl tubes: a pinched "#" wiping off and drawing back on, a pink arrow, a ringed silver star whose pinch breathes, and thin black type.
  • Animated · Global trend: heavy type shedding and gathering pixel debris with jolts of tear, italic outline type, glowing clouds and stars.
  • Animated · Pixel badge: script words on stepped pixel badges that break apart and build back.
  • Animated · Tube burst: soft green tubes growing out one after another, turning slowly beside big thin type.

Tests

  • Rust: trim windows, wrapping, subpaths in order or each; glitch debris, tear and growth.
  • TS: line keyframes in geoMotion, Hold in motion.
  • npx tsc --noEmit -p ui, npx vitest run, cargo test -p morpho-core, npx vite build and npm run test:e2e pass locally.

🤖 Generated with Claude Code

srivtx and others added 2 commits October 22, 2026 01:23
New tools for Y2K, 3D-abstract and pixel-glitch posters:

- Pen lines get Start, End and Slide (a Trim in the engine): draw only part
  of a line, keyframed to draw it on or run a stretch round a loop. Subpaths
  draw in order, or each at once. Ribbon colour stays put while it draws.
- Glitch modifier: square pixel debris breaking off the outside of the
  whole form (letter gaps and counters stay clean), bites out of the edge,
  and bands torn sideways by whole blocks. More Debris keeps the blocks it
  had, so debris gathers rather than reshuffles.
- Puffy Surface: contour lines (topographic, wrapping round the puff) or
  speckles, with a Flow to animate.
- Hold keyframe mode: waits at its value, then goes to To and back, so a
  design at rest shows its own value.
- Recipes: Glitch, Pixel debris, Torn scan, Pixel badge.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Y2K set, Inflatable, Global trend, Pixel badge and Tube burst, under
Templates › Learn: chrome and inflatable tubes drawing on, a topo-line
puff, speckled foam, glitching type, stepped pixel badges that build back,
and a burst of tubes growing out. Each was checked frame by frame against
the reference poster it follows.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@vercel

vercel Bot commented Oct 21, 2026 •

Copy link
Copy Markdown

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

Project Deployment Actions Updated
morphotype Error Error Oct 21, 2026 8:23pm UTC

srivtx and others added 2 commits October 22, 2026 01:34
…eens

- Height pass: a Tube profile that rounds every part across its own width
  (half width found by bisecting toward the medial axis), so spikes shade as
  cones and strokes as tubes. Chrome and Puffy get Form › Bevel / Tube.
- Inflatable vinyl: saturated plastic lit through the skin, crisp softbox
  highlights, room reflections, pinched rings (round the centre or across
  the tubes), wrinkles, an edge seam and a clear plastic mode.
- Flat › Glow: a two-size bloom in the fill colour with a glowing edge.
- Folded paper: creased panels, crumples, mottling and grain; with the paper
  off it folds a whole poster laid underneath.
- Photo › Print screen: halftone dots, gritty dither or line screen, per
  channel or in the duotone's two inks.
- Presets for each.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
The Inflatable poster's tubes use Inflatable vinyl (a pinched hash, a
ringed silver star whose pinch breathes), and the Y2K star's spikes use
Liquid chrome with Form › Tube, so each spike shades as a cone.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@srivtx
srivtx changed the base branch from animated-scenes to main October 22, 2026 12:04
@srivtx
srivtx merged commit 0be47f6 into main Oct 22, 2026
6 of 7 checks passed
@srivtx srivtx mentioned this pull request Oct 24, 2026
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