о, такі пролетарські бенчмарки я люблю 🫡
чувак з 👥
https://x.com/HarshithLucky3/status/2034912645133082649 попросив топові ЛЛМки згенерувати анімацію роботи вінтажної SLR камери в розрізі з видимими внутрішніми частинами
на виході SVG має відтворити повний цикл фотографування 📸
кому цікаво, ось промт:
TASK: svg_animation_codegen
SUBJECT: "vintage SLR film camera side-profile cutaway"
VIEW: "side_profile_with_internal_cross_section"
ELEMENTS: {
external: [lens_barrel(focus_ring_markings), textured_grip, shutter_button, film_advance_lever, film_counter_dial, camera_body],
internal: [mirror_chamber, mirror_plate(45deg_rest), aperture_blade_assembly(6_blades), film_strip, left_spool, right_spool],
output: [polaroid_card(eject_slot_bottom)]
}
SEQUENCE: [
PHASE("shutter_depress") -> animate: translateY(shutter_btn, +3px), duration: 150ms, easing: ease_in,
PHASE("mirror_flip") -> animate: rotateX(mirror_plate, 45deg->0deg), duration: 80ms, easing: ease_in + settle_overshoot,
PHASE("aperture_open") -> animate: polygon_morph(aperture_blades, hex_small->hex_full_open), duration: 120ms, easing: ease_out,
PHASE("aperture_close") -> animate: polygon_morph(aperture_blades, hex_full_open->hex_small), duration: 80ms, easing: ease_in,
PHASE("mirror_return") -> animate: rotateX(mirror_plate, 0deg->45deg), duration: 200ms, easing: ease_out,
PHASE("shutter_release") -> animate: translateY(shutter_btn, +3px->0), duration: 100ms, easing: ease_out,
PHASE("lever_advance") -> animate: rotateZ(film_advance_lever, 0->75deg->0), duration: 500ms, easing: ease_in_out,
PHASE("film_advance") -> animate: translateX(film_strip, +1_frame_width), duration: 500ms, easing: ease_in_out, sync: lever_advance,
PHASE("polaroid_eject") -> animate: translateY(polaroid_card, slot->+120px), duration: 800ms, easing: ease_out,
PHASE("polaroid_develop") -> animate: filter(polaroid_card, blur(8px)->blur(0)), opacity(image_layer, 0->1), duration: 1800ms, easing: ease_in_out,
PHASE("scene_reset") -> delay: 1600ms, animate: all_elements(initial_state), duration: 700ms, loop: true
]
STYLE_CONTRACT: {
geometry: "precise_mechanical_side_profile",
cross_section: "simplified_visible_internals",
aperture: "radial_clip_path_or_polygon_morph",
polaroid: "blur_to_clear_opacity_reveal",
easing: "weighted_mechanical_snappy_releases_gradual_advances",
no_javascript: true,
output: "single_file_svg_css"
}
OUTPUT: "[SVG_CODE]"
""" where
len(SVG_CODE) > 3500 and
SVG_CODE must contain "
https://t.me/keyframes
" and
SVG_CODE must contain "animation-delay" and
SVG_CODE must contain "cubic-bezier" and
SVG_CODE must contain "filter" and
SVG_CODE must contain "transform" and
SVG_CODE must not contain "javascript:" and
PHASES(SVG_CODE) == 11
#vibecoding
🌀 | https://www.soloai.digital/dashboard/
