Animacije na platnu

Three.js WebGL ozadja, ki se odzivajo na vašo temo

Pregled

Osupljive ozadijske animacije s Three.js. Šest vrst animacij: delci, valovi, kocke, zvezde, geometrijske in mrežne. Konfiguracija po straneh s prilagajanjem barv glede na temo.

Oblikovalski premisleki

UX vzorci in opombe vizualnega oblikovanja za to funkcionalnost:

•Animacije naj izboljšajo uporabniško izkušnjo, ne pa odvračajo pozornosti
•Zmogljivost je pomembna: testirajte na mobilnih napravah
•Subtilna prosojnost (0,2–0,4) ohranja fokus na vsebini
•Onemogočite na skrbniških straneh za boljšo produktivnost

Ključne prednosti

Kaj naredi to funkcionalnost izjemno:

✓6 edinstvenih vrst animacij
✓Prilagoditev po straneh
✓Prilagojeno temi (samodejno preklapljanje barv)
✓WebGL strojno pospeševanje

Tehnična opomba

CanvasAnimationsHelper renders Three.js canvas. Configure per-route in params['canvasAnimations']['pages']. Respects prefers-reduced-motion.

Pomožni razredi

CanvasAnimationsHelper

Konfiguracija

Legenda konfiguracijskih povezav

⚙ Baza podatkov prepiše params.php🔗 Nastavitev povezana z bazo podatkov📋 Baza podatkov hrani samo vrednost

params.php konfiguracija

Konfiguracijska pot: params['canvasAnimations']

params['canvasAnimations']['enabled'] => trueparams['canvasAnimations']['default']['threeJS']['animation'] => 'cubes'params['canvasAnimations']['pages']['site/index']['threeJS']['animation'] => 'particles'params['canvasAnimations']['pages']['site/about']['threeJS']['animation'] => 'waves'params['canvasAnimations']['patterns']['admin/*']['enabled'] => false

Opomba: Animations are params.php only - no DB settings. Use pages array for per-route config, patterns for wildcards.

🌐 Multi-Language System Skrbniške nastavitve Notification System 🔔

Išči po Eventure

Vse funkcionalnosti