175 aktywnych symulacji
Wszystkie symulacje zindeksowane w simulations.json z metadanymi, tagami, poziomem trudności i statusem.
Plan Rozwoju 2026
Publiczny plan rozwoju 3D Browser Simulations. Funkcje są pogrupowane wg kwartału — aktualizacje statusu w miarę postępu prac.
Ukończone
Service Worker + PWA
Strategia cache-first CDN, strona zapasowa offline, stale-while-revalidate HTML. PWA instalowalne.
ARIA na wszystkich canvasach + suwakach
aria-label/role=img na każdym canvasie, aria-valuemin/max/now na wszystkich 164 suwakach, aria-describedby na etykietach.
Skalowanie HiDPI / Retina
Skalowanie canvasa devicePixelRatio we wszystkich 175 symulacjach — zarówno Three.js setPixelRatio, jak i deskryptor właściwości Canvas 2D.
Pełne metadane SEO + JSON-LD
og:image, karta Twitter, canonical, BreadcrumbList, dane strukturalne SoftwareApplication / Article / CollectionPage na wszystkich stronach.
Globalne wyszukiwanie z indeksem
Rozmyte wyszukiwanie po stronie klienta wśród 88 wpisów (symulacje + artykuły + kategorie). Zapytania udostępniane przez URL, ostatnie wyszukiwania, filtr wg typu.
W trakcie
23 artykuły o algorytmach
Dogłębne artykuły o SPH, N-ciałach, Boidach, Lorenzu, Grze w Życie Conwaya, równaniach falowych i innych, ze wzorami matematycznymi i przykładami kodu.
Changelog + kanał RSS
Publiczna strona historii wersji z kolorowymi plakietkami i osią czasu. Kanał RSS pod adresem /changelog/feed.xml.
Przeniesione na Q2
Proceduralna tekstura piasku
Proceduralna tekstura oparta na canvasie dla symulacji piasku z ziarnistością i zmiennością koloru.
Podglądy miniatur symulacji
Zrzuty ekranu WebP 1200×630 dla og:image, miniatury 400×300 dla kart. Skrypt auto-przechwytywania Puppeteer.
W trakcie
Strony Plan Rozwoju, O Projekcie i Współpraca
Publiczny plan rozwoju (ta strona), strona o projekcie z jego przeglądem, przewodnik współpracy przy nowych symulacjach.
Audyt kontrastu kolorów WCAG
Weryfikacja, czy cały tekst spełnia współczynnik kontrastu ≥ 4,5:1 zarówno w ciemnym, jak i jasnym motywie, przy użyciu axe DevTools.
Planowane
Edytor Playground
Edytor kodu WebGL w przeglądarce (CodeMirror 6) z podglądem na żywo, podświetlaniem składni i udostępnianymi adresami URL.
30 dodatkowych artykułów
Rozszerzenie biblioteki treści o tutoriale (shadery WebGL, silniki fizyki) i strony referencyjne (wzory, słowniczek).
Web Workers dla SPH + N-ciał
Przeniesienie obliczeń fizyki O(N²) poza wątek główny, aby utrzymać 60 FPS przy dużej liczbie cząstek.
Zrzuty ekranu miniatur symulacji
Skrypt Puppeteer do automatycznego przechwytywania podglądów WebP 1200×630 dla og:image i miniatur kart we wszystkich 55 symulacjach.
Pomysły
API do osadzania w iframe
Minimalne wersje symulacji do osadzania na stronach firm trzecich. Konfiguracja przez parametry URL (liczba cząstek, motyw itp.).
10 nowych symulacji
Kandydaci: kwantowy oscylator harmoniczny, doświadczenie z dwiema szczelinami, linie pola elektrycznego, dyfuzja ciepła, diagram Woronoja, teren szumu Perlina.
Galeria Showcase
Siatka typu masonry z najlepiej wyglądającymi klatkami symulacji, przeglądarką lightbox i przyciskiem „zrób zrzut ekranu” na każdej symulacji.
Planowane
Automatyzacja Lighthouse CI
Pipeline CI uruchamiający Lighthouse przy każdym pushu — blokowanie mergów przy Wydajności ≥ 90, Dostępności ≥ 90, SEO ≥ 95.
Symulacje kategorii dla dzieci
6 kategorii symulacji dostosowanych do wieku (kids-magic, animals, math-art, space-kids, colors-light, build-play) z uproszczonym interfejsem i wyjaśnieniami.
Barnes-Hut dla N-ciał
Algorytm drzewiasty O(N log N) zastępujący brute-force O(N²) — umożliwia N > 2000 przy 60 FPS na zintegrowanym GPU.
Pomysły
Shadery obliczeniowe WebGPU
Migracja płynu SPH i N-ciał do WebGPU Compute dla 10× przyspieszenia w obsługiwanych przeglądarkach (Chrome 113+).
Skybox HDRI dla fizyki samochodu
Mapa środowiska equirectangular dla odbić na nadwoziu samochodu i rozmycie ruchu w postprodukcji.
Wyzwania z fizyki
Ćwiczenia programistyczne z gotowymi fragmentami kodu w Playground, wskazówkami i rozwiązaniami. Postęp zapisany w localStorage.
Przyszłość
Renderowanie OffscreenCanvas
Uruchomienie Three.js WebGLRenderer w Web Workerze przez OffscreenCanvas dla zerowego zacinania wątku głównego.
Statyczne zrzuty ekranu przy ograniczonym ruchu
Gdy ustawiono prefers-reduced-motion, pokaż statyczny zrzut ekranu canvasa z opisem tekstowym zamiast animacji na żywo.