vod frog, frog with the vods
5
fork

Configure Feed

Select the types of activity you want to include in your feed.

performance: reduce polygon points 75% (12800->3200), compress leaves 56%, add CSS containment

goose.art ad896131 e4e21240

+5 -2
+2
src/lib/PlantOverlay.svelte
··· 14 14 pointer-events: none; 15 15 overflow: hidden; 16 16 mix-blend-mode: multiply; 17 + will-change: transform; 18 + transform: translateZ(0); 17 19 } 18 20 19 21 .leaves {
+3 -2
src/lib/WavyBorder.svelte
··· 33 33 function generateWavyShape(s: string): { pts: [number, number][]; svgPath: string } { 34 34 const margin = 1; // % inset from the element edges 35 35 const amp = 2.5; // % max wobble amplitude 36 - const segs = 16; // control points per edge 36 + const segs = 10; // control points per edge 37 37 38 38 // Edges 0=top, 1=right, 2=bottom, 3=left 39 39 // Vertical edges (1,3) get lower frequency since they're often shorter in wide boxes ··· 95 95 // Sample many points along the spline for the CSS polygon 96 96 const sampledPts: [number, number][] = []; 97 97 const totalPts = points.length; 98 - const samplesPerSegment = 10; 98 + const samplesPerSegment = 4; 99 99 for (let i = 0; i < totalPts; i++) { 100 100 const p0 = points[(i - 1 + totalPts) % totalPts]; 101 101 const p1 = points[i]; ··· 147 147 .wavy-container { 148 148 position: relative; 149 149 isolation: isolate; 150 + contain: layout style; 150 151 } 151 152 152 153 .wavy-clipped {
static/leaves.png

This is a binary file and will not be displayed.