Jscriptowe tło

0

Witajcie. Proste pytanie i proszę o odpowiedź czysto teoretyczną z jakimś sztywnym przykładem.
W JS napisałem sobie skrypcior który tworzy mi animacje "opadu deszczu". Moje pytanie brzmi w jaki sposób podczepić ten skrypt do htmla by skrypt ten był jedynie tłem srony.

PA
  • Rejestracja:ponad 7 lat
  • Ostatnio:2 miesiące
  • Lokalizacja:Częstochowa
  • Postów:10
0

Hej,

To jest za mało informacji. Opisz jak działa ten skrypt.
Zakładam, że cała animacja dzieje się wewnątrz jakiegoś diva albo innego containera, więc wrzucasz to przed/po contentem strony i dalej to już css, kwestia rozciągnięcia tego na całą przestrzeń.

Musisz dać więcej info, żebym mógł pomóc.

madaucka
  • Rejestracja:ponad 7 lat
  • Ostatnio:około 2 lata
  • Postów:9
0

Domyślam się, że pracowałeś na canvas'ie. Spróbuj pobawić się z własnością z-index i ustaw wartość np. -1. Używając jako background to też pamiętaj, żeby canvas miał width: 100vw oraz height: 100vh.

LukeJL
  • Rejestracja:około 11 lat
  • Ostatnio:około 9 godzin
  • Postów:8423
0

Po co Canvas do takich rzeczy? To można na divach zrobić.


madaucka
  • Rejestracja:ponad 7 lat
  • Ostatnio:około 2 lata
  • Postów:9
0

Racja, tylko wydawało mi się, że może użył canvas i bawił się z ctx. Jednakże, w stylach zamiast przypisywać te własności do canvas może spróbować przypisać po prostu do tego diva na którym pracuje :)

LukeJL
  • Rejestracja:około 11 lat
  • Ostatnio:około 9 godzin
  • Postów:8423
0

Moje pytanie brzmi w jaki sposób podczepić ten skrypt do htmla by skrypt ten był jedynie tłem srony.

Skrypty podczepia się do HTMLa poprzez tag <script>, ale mam wrażenie, że pytasz nie o skrypt, tylko o elementy DOM, które ten skrypt tworzy.

A ja ostatnio robiłem to tak, że dodawałem luzem divy do document.body (Trochę nieeleancko, można by to w jakiś pojemnik włożyć, ale whatever), i każdy div to była gwiazdka(u ciebie będzie to kropla deszczu) i miał ustawioną właściwość position: fixed;, oraz z-index: -100 oraz dodatkowo odpowiednie left i top (które mogą być np. w pikselach, ale ja wybrałem akurat jednostki vw i vh (czyli jednostki uzależnione od szerokości i wysokości ekranu).


edytowany 1x, ostatnio: LukeJL

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.