Trochę upłynęło czasu od ostatniego wpisu, ale byłem dość zajęty pracą na dwoma niezmiernie ciekawymi projektami. Oba są związane ze skryptami ECMA, jeden z nich dotyczy języka JavaScript i jest rozszerzeniem projektu Alladyn w wersji 1.6. Pomysł chodził mi po głowie od dawna, ale dopiero do niedawna dojrzał na tyle, iż uznałem, że czas sie za niego zabrać.

Podstawowe założenia:

  • dodawanie klatek kluczowych poprzez metode addFrames
  • dodawanie klatek oznaczonych labelką
  • wywoływanie animacji „ciągiem” korzystając z metody play
  • wywoływanie animacji korzystając z numeru klatki
  • wywoływanie animacji korzystając z labelki
  • możliwość definowania sztucznej własności, która zawiera callback do skryptu, który ma być wykonany w danej ramce
  • integracja z jQuery
  • definiowanie własności clip korzystając z cztero-elementowej tablicy (clip:rect)
  • dodanie obsługi własności dotyczących kolorów (background-color/border-color/color)
  • obsługa kolorów poprzez trój-elementową tablicę kolejnych składowych RGB
  • dodanie obslugi rownan ruchu Robert’a Penner’a

Wszystkie elementy udało się zrealizować, wynik można obejrzeć tutaj.

Dorzuciłem także parę przykładów:

Zapraszam również do mojego nowszego wpisu, slidemenus oraz strony z demo.

Jeżeli podoba Ci się ten projekt to zapraszam również do obejrzenia, projektu obiektowych komententów skyjs.

2 komentarze

  1. MiSi/o says:

    Jakim cudem nie nie trafilem na ten projekt wczesniej?!! Az dziwne…

    W niepublikowanych wersjach Alladyna rowniez zrobilismy sporo zmian, w tym tweening,
    wywolanie kodu i start z dowolnej klatki oraz zmiane kazdej numerycznej wartosci css.
    Niestety, nie ujrzaly juz one swiatla dziennego w ramach projektu Alladyn.

    Ale ze po tylu latach ktoś jeszcze pamięta i rozumie Alladyna…?
    Jako, ze modul animacji Ala to oryginalnie moj wlasny pomysl, jestem prawie wzruszony
    oraz blady z dumy 🙂

    usciski
    MiSi/o

  2. bendi says:

    No tak – chyba mogłem go trochę lepiej rozreklamować, bo chociaż pomysł forka chodził mi po głowie od czasu jak zobaczyłem, ze prace przy tym projekcie się skończyły to motywacją była aplikacja na stanowisko JS Developera i zabrakło mi czasu na marketing.

    Co do nowych featerów to widziałem wersje 1.8, ale nie byłem w stanie przegryźć się przez jedno-literkowce i sobie odpuściłem 🙁

    To nie wazelina – ten projekt był przełomowy, to był zunifikowany DOM + animacja poklatkowa i zawsze będę go wspominał jako wielke WOW, dzieki 🙂

    Marek