b4rtaz.blog

Subskrybuj kanał RSS

Canvas i płonący input

Komentarze: 9

W ramach przygotowań do nowego wyglądu dla tego bloga, postanowiłem pobawić się trochę nowym wynalazkiem HTML5 - obiektem canvas, którego planuje wykorzystać w nowym designie. Wynik okazał się dosyć nietypowy... [:

Co powiecie na małe podpalenie przycisku po najechaniu na niego myszką? Może taki efekt przydałby się dla przycisku "kup teraz" w serwisie Allegro.pl? Oddam skrypt dla tego celu nawet bez dziękuje...

A już bardziej poważnie, przy szorowaniu myszką po kilku buttonach naraz przeglądarka może srogo spowolnić. Z moich obserwacji efekt najwydajniej działa w Operze oraz Google Chrome. Ale najładniej się prezentuje w Firefoxie i Operze. W przypadku windosowskiego Safari podświetlenie tylko jednego buttona zacina na kilka sekund przeglądarkę.

  • Z całą pewnością to nie wina cztero-rdzeniowego pheneona 3,2 Ghz.
  • Na leciwym laptopie w przeglądarce Google Chrome animacja chodzi o dziwo płynnie.

Aby zaobserwować efekt należy posiadać przeglądarkę z obsługą canvas. Czyli na dziś wszystkie IE'ki odpadają. Omawiany efekt można zobaczyć tutaj...

Komentarze

  1. riddle, #

    Nie to, że mi jakoś bardzo zależy, ale excanvas pozwala bezproblemowo podpiąć Canvas API w IE. Próbowałeś?

    PS: Popraw ten szablon, jestem zalogowany a widzę pola „strona WWW” i „wpisz kod”… pamiętaj też o value="" na „podpis”. Na wiki jest gotowy snippet, copy & paste plz.

  2. b4rtaz, #

    Samo wrzucenie <script> do head nic nie zmienia - dalej canvas nie działa.

    Co do formularza, to chyba nie moja wina. Od jakiegoś czasu Jogger chyba nie rozumie, że mam własną domenę i zwraca mi urle do *.jogger.pl. Przyjrzę się na dniach.

    Dop: to nie wina szablonu, tylko ciastek. Ciastka, ze jesteś zalogowany lecą domeną jogger.pl, ale gdy wchodzisz np. przez rssy to jesteś na domenie nano2.pl.

  3. zx, #

    (Poniższa uwaga jest żartem, proszę mnie nie linczować.)

    No to jeśli tak to ma działać, to ja wolę już Flasha który działa szybciej niż 2 FPS przy zwykłych trzech przyciskach i niekoniecznie ładnej grafice.

  4. b4rtaz, #

    @zx: będzie lepiej - przyjdzie optymalizacja przeglądarek. Na Operze śmiga już dziś ładnie.

    I jeszcze kwestia optymalizacji. Pierwszy button od lewej, to dwa tysiące (pisze słownie, bo liczba by się za bardzo w oczy rzucała :P) kółek z gradientem na klatkę...

  5. pecet, #

    Płonący input na takie upały? Zwariowałeś

  6. pecet, #

    firefoxfox processor usage 50% przy tych trzech przyciskach - kiepściutko z tym

    zx++

  7. jam łasica, #

    Rzeczywiście trochę muli :)
    Może przez za wysoki f1.limit = 1200; ?

  8. WZS, #

    Fajne możliwości, ale sam efekt to trochę jak godzina obracająca się wokół kursora i inne cuda DHTML

  9. konieckropka, #

    Świetne ;) naprawde kawał dobrej roboty ;)

Dodaj komentarz