aesthetic.computer
Monorepo for Aesthetic.Computer
aesthetic.computer
1// Resource: aesthetic-computer://piece-examples
2// Real top-hit KidLisp pieces from aesthetic.computer (500+ views)
3
4export const pieceExamplesResource = {
5 uri: "aesthetic-computer://piece-examples",
6 name: "KidLisp Top Hit Examples",
7 description:
8 "Real KidLisp pieces from aesthetic.computer with 500+ views — proven patterns for generative art, animation, and interaction",
9 mimeType: "text/markdown",
10};
11
12export function getPieceExamples() {
13 return `# KidLisp Top Hit Examples
14
15Real pieces from aesthetic.computer with 500+ views. Each one is live at \`aesthetic.computer/CODE\`.
16
17---
18
19## "bop" — 7,388 views
20The most-viewed KidLisp piece. Shows how bare words and comma syntax work.
21
22\`\`\`lisp
23purple, ink, line, blur 5
24\`\`\`
25
26**Pattern:** Bare color sets background, \`ink\` picks random color, \`line\` draws random line, \`blur 5\` softens. Runs every frame → builds up dreamy lines.
27
28---
29
30## "pie" — 4,702 views
31Animated cross with cycling background colors and frame-based scrolling.
32
33\`\`\`lisp
34(fps 24)
35(0.25s (wipe (... red yellow blue)))
36(ink green)
37(line 0 height/2 width height/2)
38(ink red)
39(line width/2 0 width/2 height)
40(scroll frame frame)
41\`\`\`
42
43**Pattern:** \`...\` cycles through colors every 0.25s. \`scroll frame frame\` creates diagonal motion tied to frame count.
44
45---
46
47## "roz" — 3,251 views (by @jeffrey)
48Rich layered composition with fade gradients, spin, zoom, contrast, and random ink.
49
50\`\`\`lisp
51fade:red-blue-black-blue-red
52ink (? rainbow white 0) (1s... 24 64)
53line w/2 0 w/2 h
54(spin (2s... -1.125 1.125)) (zoom 1.1)
55(0.5s (contrast 1.05))
56(scroll (? -0.1 0 0.1) (? -0.1 0 0.1))
57ink (? cyan yellow magenta) 8
58circle w/2 h/2 (? 2 4 8)
59\`\`\`
60
61**Pattern:** Fade gradient background, cycling spin direction, random ink alpha with timed cycling, center circle. Transforms accumulate for evolving visuals.
62
63---
64
65## "ceo" — 3,087 views
66Minimal but powerful: coat overlay with animated fade, periodic zoom, and scroll.
67
68\`\`\`lisp
69(1s (coat fade:black-red-rainbow-red-black:frame 64)) (0.3s (zoom 0.5)) (scroll 1)
70\`\`\`
71
72**Pattern:** \`coat\` applies semi-transparent overlay (alpha 64). Fade gradient animated by frame. Periodic zoom-out creates tunnel effect. Scroll adds drift.
73
74---
75
76## "39i" — 2,049 views (by @jeffrey)
77Generative black/white composition with floods, transforms, and timed events.
78
79\`\`\`lisp
80black
81(0.1s (ink (? black white) 32)
82(circle ? ? 32))
83(ink (? white black gray) (? 32 96))
84flood ? ?
85scroll (2s... 1 0 -1) (3s... -1 0 1)
86(1.5s (zoom (? 0.5 4)))
87(1s (blur 0.5))
88(2s (contrast 2))
89(0.3s (ink (? white black)) (repeat 30 point))
90(1s... (spin (0.5s... -0.1 0.1))
91\`\`\`
92
93**Pattern:** Random circles + flood fills + aggressive transforms. \`?\` and \`...\` create unpredictable, evolving compositions. Multiple timed events at different intervals.
94
95---
96
97## "cow" — 2,320 views (by @jeffrey)
98Layered composition embedding two other pieces with transparency.
99
100\`\`\`lisp
101($39i 0 0 w h 128)
102($r2f 0 0 w h 128)
103(contrast 1.5)
104\`\`\`
105
106**Pattern:** \`$codeId\` embeds other pieces as layers. Arguments: x, y, width, height, alpha. Contrast boost unifies the layers.
107
108---
109
110## "wezo" — 1,686 views
111Hypnotic zebra-rainbow gradient with extreme zoom.
112
113\`\`\`lisp
114(wipe fade:zebra-rainbow-zebra-rainbow-zebra)
115(zoom 0.25)
116\`\`\`
117
118**Pattern:** Complex fade gradient mixing zebra (black/white) and rainbow. Extreme zoom-out (0.25) each frame creates fractal-like recursion.
119
120---
121
122## "4bb" — 1,611 views
123Multi-layer bake technique with four directional scrolls.
124
125\`\`\`lisp
126black, ink (? yellow black) 48, line, scroll 1
127bake, ink (? magenta erase) 64, line, scroll -1
128bake, ink (? lime erase) 16, line, scroll 0 1
129bake, ink (? cyan erase) 48, line, scroll 0 -1
130burn, blur 8, contrast 1.25
131\`\`\`
132
133**Pattern:** Each line: set ink → draw random line → scroll in one direction → bake to background. Four layers scrolling in opposite directions. \`erase\` color creates transparency holes.
134
135---
136
137## "r2f" — 1,506 views (by @jeffrey)
138Salmon-based palette with flood fills, random transforms, and spin.
139
140\`\`\`lisp
141salmon
142ink fade:palegreen-purple (? 20 48)
143box ? ? (? 2 4 32 64)
144ink (? c0 c4 c7 rainbow) (? 32 64 96)
145(repeat 2 (flood ? ?))
146contrast (? 1.05 0.97 1)
147scroll 0.1
148(0.1s (zoom (? 1.89 1 1.1 1.2)))
149spin (? -0.1 0 0 0 0.1)
150scroll 0 (? 1 -1)
151blur 0.05
152\`\`\`
153
154**Pattern:** Weighted randomness with \`?\` — e.g. \`(? -0.1 0 0 0 0.1)\` makes 0 the most likely spin. Sub-pixel scroll (\`0.1\`) for slow drift. Flood fills create large areas.
155
156---
157
158## "reeb" — 1,337 views
159Simple erase painting technique.
160
161\`\`\`lisp
162red, ink erase, line, bake
163\`\`\`
164
165**Pattern:** Red background, ink set to \`erase\` (transparent), draw random line that erases, bake. Creates organic erosion of the red surface.
166
167---
168
169## "inz" — 1,293 views (by @jeffrey)
170Text-based animation with scroll, blur, and zoom.
171
172\`\`\`lisp
173(beige)
174(ink (0.25s... 127 0 rainbow))
175(write X 3 3)
176(scroll 18 3)
177(blur 0.1)
178(1.25s (zoom (? 0.25 1.5)))
179\`\`\`
180
181**Pattern:** Single character "X" written each frame, scrolled diagonally, slightly blurred. Zoom periodically jumps between in/out for visual variety.
182
183---
184
185## "eel" — 1,086 views
186Text animation with random scroll directions.
187
188\`\`\`lisp
189(beige)
190(ink (0.5s... gray black rainbow))
191(0.1s (write (? x X) width/2 height/2))
192(0.05s (scroll (? 18 -18) (? 32 -32))
193(blur 0.1)
194(1.25s (zoom (? 2 1.5 0.5)))
195\`\`\`
196
197**Pattern:** Random case character written centrally, aggressive random scrolling, periodic zoom jumps. Creates chaotic text trails.
198
199---
200
201## "otoc" — 1,181 views
202Noise-driven spinning vortex.
203
204\`\`\`lisp
205(once noise) (spin (0.5s... 1 -1)) (suck 1) (contrast 1.01)
206\`\`\`
207
208**Pattern:** \`noise\` fills screen with random pixels once. \`spin\` alternates direction every 0.5s. \`suck\` creates vortex pull. \`contrast\` slowly intensifies colors. Minimal code, maximum effect.
209
210---
211
212## "air" — 596 views (by @jeffrey)
213Gentle generative art with fade gradient and random points.
214
215\`\`\`lisp
216fade:pink-gray-pink
217ink (? orange yellow) 32
218line
219(0.15s (zoom 0.2))
220scroll 1 0.25
221(0.1s (contrast 1.01))
222(0.5s (ink rainbow 96) (repeat 10 point))
223\`\`\`
224
225**Pattern:** Pink-gray gradient background. Low-alpha random lines accumulate. Extreme zoom-out pulses. Occasional rainbow point bursts. Subtle contrast ramp.
226
227---
228
229## "lei" — 545 views (by @jeffrey)
230Rainbow line rain with cycling scroll directions.
231
232\`\`\`lisp
233blue
234ink rainbow
235line ? 0 100 ?
236scroll (... 1 0 -1 -2) (? 1 1 -2)
237(1s (blur 1))
238(0.8s (scroll width/2 height/2))
239\`\`\`
240
241**Pattern:** Rainbow-colored lines from random x at top to 100 at random y. Scroll direction cycles through values. Periodic large scroll jumps (width/2, height/2) create displacement. Periodic blur softens.
242
243---
244
245## Common Patterns in Top Hits
246
2471. **Feedback loops** — scroll + zoom + blur creates self-evolving trails
2482. **Weighted randomness** — \`(? value value value rare_value)\` makes common values likely
2493. **Multi-speed timers** — different intervals (0.1s, 0.5s, 1s, 2s) for layered rhythm
2504. **Bare word shortcuts** — \`black\`, \`line\`, \`ink\` work without parens
2515. **Erase ink** — \`ink erase\` creates transparency holes in backgrounds
2526. **Embedded composition** — \`$codeId\` layers multiple pieces with alpha
2537. **Fade gradients** — \`fade:color1-color2-color3\` for dynamic backgrounds
2548. **\`...\` cycling** — \`(2s... -1 1)\` alternates values over time
2559. **Minimal code** — many top hits are under 5 lines
256`;
257}