Ranking / Animacja SVG: Przebudzenie AI
/// wyzwanie #02 · 27.07.2026
Animacja SVG: Przebudzenie AI
Jeden prompt, ten sam dla każdego modelu: zapętlona animacja SVG „Przebudzenie AI” w pojedynczym pliku HTML. Zero JavaScriptu, zero bibliotek, narzucona paleta i sześć technik do użycia. Obejrzyj każdą wersję i zagłosuj na najlepszą.
Wypróbuj i zagłosuj
kolejność losowa · podgląd ładuje się po kliknięciu
Zobacz tę wersję
Claude Opus 5
Zobacz tę wersję
GPT-5.6 Sol
podpisał się jako "GPT-5"
Zobacz tę wersję
Gemini 3.1 Pro
podpisał się jako "Gemini"; pominął maskę/clipPath
Zobacz tę wersję
Grok 4.5
tryb Expert; podpisał się jako "Grok"
Zobacz tę wersję
DeepSeek
tryb Ekspert; zmienił tekst tytułu
Zobacz tę wersję
Qwen3.7-Plus
podpisał się jako "Qwen3.7"
▶ Aktualny ranking ładowanie...
Prompt (identyczny dla każdego modelu)
Stwórz zapętloną animację SVG "Przebudzenie AI" w jednym pliku HTML.
Motyw: rdzeń sztucznej inteligencji budzi się do życia. Trzy fazy w pętli: (1) uśpienie - ciemno, wolny puls; (2) przebudzenie - impulsy biegną po połączeniach do rdzenia, sieć się rozświetla; (3) pełna moc - rdzeń pulsuje, dane krążą po orbitach. Potem płynny powrót do fazy 1.
Wymagania techniczne:
* Jeden plik index.html: SVG inline, style w <style>. Zero bibliotek, zero CDN, zero zewnętrznych fontów i obrazków. Animacja wyłącznie deklaratywna: SMIL lub CSS. JavaScript niedozwolony.
* Format pionowy 9:16, atrybut viewBox, skalowanie do dowolnego rozmiaru okna bez pasków przewijania, wyśrodkowanie na desktopie. Ma działać wewnątrz iframe.
* Pętla 10-14 sekund, powtarzanie w nieskończoność, bez widocznego skoku na złączeniu.
* Musi zawierać wszystkie te techniki: (a) element poruszający się po ścieżce (animateMotion lub offset-path), (b) gradient oraz poświatę przez filtr (feGaussianBlur/feMerge), (c) maskę lub clipPath, (d) morfing kształtu (animowany atrybut d), (e) tekst rysowany obrysem (stroke-dasharray i stroke-dashoffset), (f) co najmniej 12 cząstek z różnymi opóźnieniami.
* Paleta: tło #0a0f1a, akcent #06b6d4, wsparcie #22d3ee, tekst #f0fdfa. Estetyka czysta, technologiczna, ciemna.
* Obsłuż @media (prefers-reduced-motion: reduce): zatrzymanie animacji i pokazanie stanu docelowego.
* Wydajność: tam gdzie to możliwe animuj wyłącznie transform i opacity.
* Na dole subtelny podpis "Marcin Krupiński · krupinskiai.pl", a pod nim mniejszym drukiem "built with [nazwa modelu AI, który generuje ten kod]".
Zwróć kompletny kod jednego pliku index.html w jednym bloku kodu. Bez wyjaśnień.
Jak powstało to porównanie?
Każdy model dostał identyczny prompt i jedno podejście, bez poprawek i bez pytań doprecyzowujących. Wymagane było sześć technik: ruch po ścieżce, gradient z poświatą, maska lub clipPath, morfing kształtu, tekst rysowany obrysem i minimum 12 cząstek. Kod publikujemy w wersji oryginalnej, zmieniona jest tylko nazwa pliku. Kimi K3 i Mistral Le Chat odpadły z powodu limitów darmowego konta i wymogu akceptacji regulaminu.