Canvas i płonący input
16 lipca, 2010
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 do wpisu "Canvas i płonący input":
1.
riddle napisał(a):
16 lipca 2010, 21:43:28
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 napisał(a):
16 lipca 2010, 22:02:48
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 napisał(a):
16 lipca 2010, 22:08:37
(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 napisał(a):
16 lipca 2010, 22:11:37
@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 napisał(a):
16 lipca 2010, 22:18:05
Płonący input na takie upały? Zwariowałeś
6.
pecet napisał(a):
17 lipca 2010, 00:39:10
firefoxfox processor usage 50% przy tych trzech przyciskach - kiepściutko z tym
zx++
7.
jam łasica napisał(a):
17 lipca 2010, 09:42:35
Rzeczywiście trochę muli :)
Może przez za wysoki f1.limit = 1200; ?
8.
WZS napisał(a):
17 lipca 2010, 14:02:08
Fajne możliwości, ale sam efekt to trochę jak godzina obracająca się wokół kursora i inne cuda DHTML
9.
konieckropka napisał(a):
18 lipca 2010, 03:59:42
Świetne ;) naprawde kawał dobrej roboty ;)
Dodaj komentarz: