Animacije na platnu

Ozadja Three.js WebGL, ki ustrezajo vaši temi

Pregled

Osupljive animacije v ozadju z uporabo Three.js. Šest vrst animacij: delci, valovi, kocke, zvezde, geometrijske in mreže. Konfiguracija na stran s prilagajanjem barv glede na temo.

Premisleki glede oblikovanja

Vzorci UX in opombe o vizualnem oblikovanju za to funkcijo:

•Animacije naj izboljšajo, nikoli ne motijo
•Učinkovitost je pomembna: preizkusite na mobilnih napravah
•Prefinjena motnost (0,2–0,4) ohranja fokus na vsebini
•Onemogočite na skrbniških straneh zaradi produktivnosti

Ključne prednosti

Po čem ta funkcija izstopa:

✓6 edinstvenih vrst animacij
✓Prilagoditev na stran
✓Zavedanje teme (samodejno preklapljanje barv)
✓Strojno pospeševanje WebGL

Tehnična opomba

CanvasAnimationsHelper upodablja platno Three.js. Konfigurirajte posamezno pot v params['canvasAnimations']['pages']. Spoštuje raje zmanjšano gibanje.

Pomočniki

CanvasAnimationsHelper

Konfiguracija

Legenda razmerja konfiguracije

⚙ DB preglasi params.php🔗 Nastavitev, povezana z DB📋 DB 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 🔔

Vse funkcije