Witam

Chciabym uzyskac efekt randomowego oswietlenia w grafice.

Tzn stworze dwie warstwy (div) w ktorym jeden bedzie efektem swiatla, ktory w kolko bedzie sie zmienial w formie opacity. Jak najlepiej wykonac taki efekt aby byl plynny.

Trudno Cię zrozumieć.
Jako źródło światła element z radial gradient od przezroczystego do białego, a na tenże element różne wartości opacity?

Nie. To bedzie grafika, ktora bedzie nalozona na reszte grafiki. Wtedy bedzie naturalnie to wygladac.
W zamysle to ma byc blask z monitora w jaskini, ktory bedzie dawal blask na elementy. Statycznie juz bedzie fajnie wygladalo, ale wiadomo fajniej jak bedzie to lekko zmieniac (animowac sie)

wiem ze najlepiej uzyc randomowych wartosci Math.random() tylko jak to dobrze wykorzystac by nie byly za duze skoki i jak dokladniej to napisac.


Przygotowalem na szybko takie cos:
https://jsfiddle.net/x6jdxjfa/18/

tylko pytanie czy da sie to jakos dopracowac by nie bylo czasem skokow za duzych. bardziej umiarkowane, realniejsze.

O tym samym pisałem.
Nie wygląda bardzie realnie? https://jsfiddle.net/x6jdxjfa/20/

Losową liczbę możesz ograniczać do min/max albo dodawaj wylosowaną liczbę (z jakiegoś małego zakresu) do obecnej wartości opacity, a nie ustawiaj jako opacity.

tzn gradient tu nie bedzie potrzebny bo to bedzie png z rozna wartoscia przezroczystosci. warstwa z photoshopa. i Ona bedzie zanikac i pokazywac sie.

Ale faktycznie moze zakres zmniejszyc. Bede testowal jak juz przygotuje(narysuje docelowe grafiki)

A jeszcze samo pytanie czy funkcja bedzie odpowiednia do tego?

To bedzie grafika na cala strone do tego bede chcial zrobic ruchome niebo czyli beda 3 elementy na cala strone.

2 ruchome/animowane i jedno statyczne

A tak to dziekuje za pomoc