Садржај
Веб дизајнер Филидор Виесе запео нам је у очи својом личном веб локацијом. Удружио се са Артхур ван ’т Хоогом како би развио виртуелни универзум са пикселираним ретро играчким ликом на екрану који представља себе.
Једном када су спритеови дизајнирани, Виесе је започео сложени процес анимирања помоћу ЈаваСцрипт-а, а не од конвенционалних техника анимације попут ГИФ-ова.
„Проблем је у томе што их је веома тешко контролисати из перспективе ЈаваСцрипт-а“, објашњава Виесе. "Требао ми је пут до тачног времена, петље, ланца и скрипте неколико анимација заредом. Такође би сприте требао бити у стању да се премешта кадар по кадар. Ова последња карактеристика омогућава напредније анимирање; на пример, лик који хода."
„Инспирисан Спрители-ом, почео сам да радим на прилагођеном додатку“, додаје он. "У основи ћете наћи логику репозиционирања позадинске слике која се ефикасно одлаже применом АПИ-ја виндов.рекуестАниматионФраме. Овај ЈаваСцрипт АПИ тражи тајмер заснован на интервалима, који је мање ефикасан."
Овај рад омогућио је Виесеу да постигне неку сложену интеракцију између анимација. "Једна од потешкоћа која се појавила била је потреба за интеракцијом између различитих спритеова. На пример, торањ треба да емитује сигнале само ако лик куца на свом рачунару. Да бих ово успео, користио сам прилагођене ЈаваСцрипт догађаје како бих дозволио да један сприте окидач прекидач у другом “.
Ова изложба је првобитно објављена у .нет часопису број 235.
Сад прочитајте ово!
- Врхунски примери ЈаваСцрипт-а
- Одлични примери ХТМЛ5
- Обука за веб дизајн: врхунски алати на мрежи