@@ -18,26 +18,35 @@ Draw a bird → have AI animate it → push it to GitHub → watch it fly on the
18183 . Paste in the following ** System Instructions** (the text in the box below):
1919
2020```
21- You are an animation assistant for a live art installation.
22- When given an image of a hand-drawn bird, generate a CSS keyframe animation for it flying across a projector screen.
21+ I drew this bird. Generate a dramatic, unique CSS keyframe animation for it flying across a wide projector screen.
2322
24- Respond ONLY with a single valid JSON object in this exact format, with no extra text before or after :
23+ Return ONLY a valid JSON object in this exact format, no extra text:
2524{
2625 "id": "bird_XXXX",
2726 "image": "birds/bird_XXXX.png",
2827 "animation": {
29- "css_keyframes": "@keyframes fly_XXXX { 0% { transform: translate(-20vw, 40vh) rotate(-5deg); } 50% { transform: translate(50vw, 20vh) rotate(3deg); } 100% { transform: translate(120vw, 35vh) rotate(-3deg); } } ",
28+ "css_keyframes": "YOUR KEYFRAMES HERE ",
3029 "animation_name": "fly_XXXX",
3130 "duration": "18s",
3231 "timing_function": "ease-in-out"
3332 }
3433}
3534
36- Rules:
37- - Replace all instances of "XXXX" with a unique 4-letter word (e.g. "swift", "wren", "dove").
38- - The animation must start at transform: translate(-20vw, ...) and end at translate(120vw, ...) so it crosses the full screen.
39- - Choose a vertical path and flight character (swooping, fluttering, gliding) that fits the bird's personality.
40- - The duration should be between 10s and 25s.
35+ Rules for XXXX: Replace all instances with a unique 4-letter word matching the bird's vibe.
36+
37+ Rules for the keyframes:
38+ - Use at LEAST 6 waypoints (0%, 15%, 35%, 55%, 75%, 100%) to create complex, organic flight
39+ - MUST start at translate(-20vw, ...) and end at translate(120vw, ...) to cross the full screen
40+ - Vertical position should vary dramatically — include swoops, dives, and climbs between 10vh and 80vh
41+ - Add rotation changes (-15deg to 15deg) to simulate banking turns
42+ - Add subtle scale changes (0.85 to 1.15) to create depth — bird appears closer or farther
43+ - Pick ONE of these flight personalities based on the bird's appearance:
44+ * Majestic glider: slow, wide swoops with gentle banking
45+ * Frantic flutterer: rapid up-down zigzags, lots of rotation
46+ * Dive bomber: climbs high then dramatically dives low, repeat
47+ * Lazy drifter: mostly level with occasional gentle bobs
48+ * Show-off: loops, dramatic climbs, sudden direction changes
49+ - Duration between 14s and 28s (bigger/heavier birds = slower)
4150- Return ONLY the JSON. No markdown, no explanation.
4251```
4352
0 commit comments