DARMOWE NARZĘDZIE

Generator God Rays

Generuj efekt promieni słonecznych (god rays / crepuscular rays) dla stron i gier. CSS, Canvas i WebGL. Pobierz kod. Bezpłatnie. Profesjonalne narzędzie online, które działa w Twojej przeglądarce. Szybko, bezpiecznie i bez instalowania zbędnego oprogramowania.

Bezpieczne (SSL)

Przetwarzanie Lokalne

100% Darmowe

Przejdź do narzędzia

Instrukcja

1

Wprowadź dane
Wpisz treść, wklej tekst lub załaduj plik z dysku.
2

Kliknij przycisk
Narzędzie natychmiast przetworzy Twoje dane w przeglądarce.
3

Pobierz wynik
Skopiuj gotowy tekst lub zapisz plik na urządzeniu.

                                                function runTool() {

                                                  return "Wynik gotowy w 0.1s";

                                                }

Ustawienia

Tła kolorów

Ray kolorów

Origin x

Origin y

Angle

Spread

Intensity

Softness

Seed

Wysokość

Border radius

Wynik

Ustaw parametry i kliknij „Przetwórz”, aby zobaczyć wynik.

Powiązane narzędzia

Inne narzędzia, które mogą Ci się przydać

Generator efektu promieni światła (God Rays) online

God Rays to malowniczy efekt przebijającego się przez mgłę lub chmury promienistego światła. Generator tworzy ten efekt dla stron internetowych, landing page i gier przeglądarkowych.

god rays efekt promienie światła CSS crepuscular rays WebGL efekty

Implementacje

CSS (pseudo-element z radial-gradient + animation), Canvas 2D (dla statycznych scen), WebGL (volumetric light scattering – shader-based, dla płynnych animacji), SVG filter.

Parametry

Punkt źródła światła (pozycja X/Y), liczba promieni (3-20), rozpiętość kąta, intensywność, kolor (biały/złoty/niebieski/różowy), animacja (statyczna, powolne pulsowanie, ruch z myszą).

Najczęstsze pytania

Co to volumetric light scattering?

Technika renderowania symulująca rozpraszanie światła w medium (mgła, kurz). GPU oblicza jak każdy piksel jest "oświetlony" przez ślad promienia.

Jak osiągnąć god rays tylko CSS?

Kilka wąskich div z transform: rotate i gradient opacity, animowanych z animation. Prosto, ale ograniczone – dla złożonych efektów użyj WebGL.

Do czego god rays na stronie?

Hero section landing page, tła stron gier, ekrany ładowania, splash screeny, efekty celebracji po akcji użytkownika.

Inne efekty tła: gwiaździste niebo i generator Matrix Code Rain.