feat(awards): Stroopy rebuilt as vector, only on the connected wallet - #1663
Merged
Merged
Conversation
The raster was a photo with a wobble bolted on. He is drawn now — visor, pixel eyes and smile, antenna, shirt — so he can actually move: he breathes, his antenna never settles, and he blinks. An interpretation in the mascot's spirit, not the official artwork. He lives in exactly one place, the connected-wallet menu, wearing the wallet's own mark as a corner badge the way an account avatar does. Removed from the wallet picker entirely; public/stroopy.webp deleted. Avatar treatment after the expression avatars in yui540's gallery: pops in past its size and settles, a raked highlight sweeps across, a ring pulses out, four sparks fire off on their own angles. The highlight needed its own clipping box — the tile stays overflow:visible so the sparks can leave it, so a sweep drawn on the tile paints outside the circle as a loose streak. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
…rsor The avatar no longer pops in. The circle is just there from the first frame — what moves is inside it, after yui540's window motion: two panes hinged on their OUTER edges swing open with perspective(600px) rotateY(0 → ∓140 → ∓130), the overshoot doing the work, and Stroopy rises up into the opening behind them. The ground behind the window is darkened so the panes read as panes when they part; closed, each pane is lit from its hinge so the circle is a plain shaded disc with no seam line on it. The sparkles are four-point stars (clip-path), not dots, and they twinkle out on their own angles as before. Stroopy himself is rounder: bigger eyes with a glint each, pixel blush on the cheeks, a softer smaller crown. And the explainer cursor is drawn rather than clipped — a clip-path cannot carry a stroke, so the white arrow vanished on the light Connect pill. It is now a path with rounded joins and a dark outline under the fill, readable on either ground. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
You were right — the raster was a photo with a wobble bolted on. He's drawn now: visor, pixel eyes and smile, antenna, shirt. So he can actually move — he breathes, his antenna never quite settles, and he blinks. An interpretation in the mascot's spirit, not the official artwork.
He lives in exactly one place: the connected-wallet menu, wearing the wallet's own mark as a corner badge, the way an account avatar does. Removed from the wallet picker entirely, and
public/stroopy.webpis deleted.Avatar treatment from motions/28: pops in past its size and settles, a raked highlight sweeps across, a ring pulses out behind, four sparks fire off on their own angles.
One thing worth noting: the highlight needed its own clipping box. The tile has to stay
overflow: visibleso the sparks can leave it, so a sweep drawn on the tile itself paints outside the circle as a loose diagonal streak — which is exactly what it did until I gave it a wrapper.🤖 Generated with Claude Code