Inhalt
De Webdesigner Filidor Wiese huet eis mat sengem perséinleche Site opfonnt. Hien huet sech mam Arthur van 't Hoog zesummegesat fir e virtuellen Universum mat engem pixeléierte Retro Gaming Charakter um Bildschierm z'entwéckelen, dee sech selwer vertrëtt.
Wann d'Sprites entwéckelt goufen, huet de Wiese de komplexe Prozess ugefaang se mat JavaScript ze animéieren anstatt konventionell Animatiounstechniken wéi GIFen.
"De Problem ass, si si ganz schwéier aus enger JavaScript Perspektiv ze kontrolléieren", erkläert de Wiese. "Ech hunn e Wee gebraucht fir genau Zäit, Loop, Kette a Skript e puer Animatiounen hannerteneen ze hunn. Och de Sprite sollt fäeg sinn Frame fir Frame nei ze positionéieren. Dës lescht Feature erméiglecht méi fortgeschratt Animatioun; zum Beispill e Walking-Charakter."
"Inspiréiert vu Spritely hunn ech ugefaang un engem personaliséierte Plug-in ze schaffen", füügt hien bäi. "Am Kär fannt Dir Hannergrondbild Repositiounslogik effektiv verzögert andeems d'fenster.requestAnimationFrame API ëmgesat gëtt. Dës JavaScript API freet den Intervallbaséierten Timer, dee manner effizient ass."
Dëst Wierk erméiglecht dem Wiese eng komplex Interaktioun tëscht Animatiounen z'erreechen. "Ee vun de Schwieregkeeten, déi entstanen sinn, war d'Noutwennegkeet fir eng Interaktioun tëscht verschiddene Spriten. Zum Beispill soll den Tuerm nëmmen Signaler ofginn, wann de Personnage op sengem Computer tippt. Fir dëst ze funktionéieren hunn ech personaliséiert JavaScript Eventer benotzt fir ee Sprit ausléise ze loossen e Schalter an engem aneren. "
Dëse Vitrine gouf ursprénglech an .net Magazin Nummer 235 publizéiert.
Liest elo dës!
- Top Beispiller vu JavaScript
- Super Beispiller vun HTML5
- Webdesign Training: déi Top Online Tools