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.
0
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.
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.
0
Po co Canvas do takich rzeczy? To można na divach zrobić.
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 :)
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).