Google prezentuje możliwości elementu Canvas

19.03.2009 13:45, Autor: tomick, Kategoria: News
NewsImage

Zastanawialiście się czasami, czy można tchnąć życie w standardowe, statyczne strony www bez wykorzystywania elementów Flash czy Java?

Okazuje się, że można :-) Google udostępniło interesującą stronę z demonstracjami wykorzystywania animacji JavaScript oraz elementu Canvas. Na stronie Chrome Experiments pokazano możliwości używania tych technologii, która pozwala na dynamiczne generowanie grafiki - zarówno dwuwymiarowej, jak i trójwymiarowej. Wśród ciekawych animacji można wyróżnić: piłkę, która potrafi przeskakiwać pomiędzy różnymi oknami przeglądarki; wielokolorowy sześcian, który możemy dowolnie obracać; grę Domtris- klona gry Tetris czy mapę pogody dla Stanów Zjednoczonych. Ponadto każda chętna osoba może zgłosić swoją pracę poprzez formularz zgłoszeniowy, dostępny na stronie Chrome Experiments.

Warto również wspomnieć jak uzyskano takie możliwości animacji. Otóż element Canvas został po raz pierwszy zaproponowany i opracowany przez firmę Apple i następnie wdrożony w przeglądarkę Safari, opartą o silnik Webkit. Następnie Fundacja Mozilla postanowiła go wdrożyćw Firefoksie w wersji 1.5, Opera wspiera ten element od wersji 9. Wraz z grafikami wektorowymi SVG, obiekty Canvas w przyszłości mogą stanowić poważną konkurencję dla animacji Flash czy appletów Java - nie wymagają one od twórcy strony dodatkowej wiedzy, poza znajomością języka JavaScript a od użytkownika końcowego nie wymagają instalacji dodatkowych pluginów. W przyszłości stanie się możliwe korzystanie z API OpenGL, co będzie mogło odciążyć procesor komputera w obliczeniach animacji. Przy jego pomocy możliwe staje się dynamiczne generowanie wykresów czy animacji. Element Canvas jest elementem obecnie opracowywanych wytycznych HTML 5.

Nie ma róży bez kolców, niestety - jak zwykle w przypadku większości nowinek powraca standardowy problem - przeglądarka Microsoft Internet Explorer (obecnie 45,9% udziału na polskim rynku według Ranking.pl) nie potrafi interpretować tego typu animacji. Nad rozwiązaniem problemu braków Internet Explorera w tej materii pracuje aktualnie Mozilla wraz z firmą Adobe, o czym informowaliśmy w sierpniu ubiegłego roku. Sam Microsoft na razie nie ma w planach prac nad wdrożeniem Canvas w swojej przeglądarce.

Źródło: Google
r   e   k   l   a   m   a

Komentarze (18)  

Avatar
adam (niezalogowany) | 19.03.2009 14:19#1

Element canvas jest tylko jeden więc dlaczego w tytule mamy liczbę mnogą?

--
Masz rację - już poprawione :) /// Tomick

Avatar
Kulmegil (niezalogowany) | 19.03.2009 14:35#2

Rozwiązanie jest proste, wtyczka do IE renderująca zawartość okna przez np silnik webkit. Najlepiej dystrybuowana wraz z Flashem czy Javą na portalach typu Onet czy NK ;)

Avatar
anonim (niezalogowany) | 19.03.2009 14:35#3

niezłe toto. Już widzę zastosowanie do nowych gierek webowych ^^

Avatar
Piotr (niezalogowany) | 19.03.2009 14:39#4

Jak zwykle Microsoft opóźnie rozwój technologii internetowych. IE8 to spory postęp, jednakże i tak obsługa CSS3 leży (ACID3 z najgorszym wynikiem wśród nowych przeglądarek), a my tu marzymy o jakimś canvas ;-)

Avatar
anonim (niezalogowany) | 19.03.2009 14:52#5

robi wrażenie. Jak daleko jeszcze zajdziemy? Kiedy strony będą wyglądem przypominały interfejsy programów uruchamianych lokalnie?

Avatar
adiS (niezalogowany) | 19.03.2009 14:54#6

A mi pod firefoxem strasznie to ciężko działa mimo 3GB procesora...

--
bo niestety póki co obsługa Canvas pod Operą i FF jeszcze nie jest na tyle dopracowana, aby zaawansowane animacje wykonywały się płynnie. Nie mniej jednak pod Google Chrome oraz Safari (i każdą inną przeglądarką opartą o silnik Webkit) animacje są odtwarzane płynnie. //Tomick

Avatar
anonim (niezalogowany) | 19.03.2009 15:08#7

adiS

3GB procesor? Hmmm....

Avatar
anonim (niezalogowany) | 19.03.2009 15:16#8

Fajnie, będziemy mieli reklamy między oknami ;]

Avatar
anonim (niezalogowany) | 19.03.2009 15:22#9

dzięki temu, będzie można przesuwać/przeciągać opcje, elementy między zakładkami/oknami. Kto wie, czy to nie pozwoli na "wkładanie" jednych elementów, w drugie?

Avatar
t0m3k (niezalogowany) | 19.03.2009 15:24#10

pod firefoxem wszystko to bez problemu działa od v 3.0 i to mz o wiele lepiej niż w Chrome.
f.e. http://www.croczilla.com/svg/samples/xbl-shapes/xbl-shapes.xml
http://people.mozilla.com/~vladimir/demos/photos.svg

Avatar
x (niezalogowany) | 19.03.2009 15:38#11

Ten tetris dziala i pod IE7, chociaz wyglada troche inaczej niz pod Firefoxem

Avatar
NIC (niezalogowany) | 19.03.2009 15:47#12

MS musi ulec. Bo kiedyś było podobnie z SVG. Dziś to króluje np. na Wikipedii. No i pamiętam to była zasługa Adobe, która wydała pierwszą wtyczkę z obsługę SVG do IE.

Canvas jest w IE. Tzn. MSowa wersja tego.... oczywiście troszkę różni się, ale troszkę nadmiarowego kodu i efekt będzie ten sam co na prawych przeglądarkach.

Avatar
fenixproductions (niezalogowany) | 19.03.2009 16:18#13

Czyżby specyfikacja HTML 5 była już w pełni gotowa? Chyba przespałem moment wyjścia wersji finalnej.

Jeśli nie, to nie widzę problemu w braku jego obsługi przez jakąkolwiek przegladarkę. Chociaż zapewne znajdzie się kilku malkontentów narzekających na IE ;)

Avatar
anonim (niezalogowany) | 19.03.2009 16:20#14

Wszystkie pieknie i fajne ale chetnie zobaczyl bym jakas strone, ktora to wykorzystuje w stopniu wiekszym niz tylko pokazanie mozliwosci Canvas - czyli jakies konkretne zastosowanie. Narazie wyglada to tylko jak fajny bajer.

---
Washington Post używa tego do wyświetlania relacji pomiędzy tagami w swoich artykułach :-) //Tomick

Avatar
spiritRKS1910 (niezalogowany) | 19.03.2009 22:25#15

Anonim masz i ucz się, na to nigdy nie jest za późno:
http://webhosting.pl/Siec.neuronowa.w.skrypcie.do.GreaseMonkey.lamie.kody.CAPTCHA

Avatar
multi (niezalogowany) | 20.03.2009 2:24#16

"Sam Microsoft na razie nie ma w planach prac nad wdrożeniem Canvas w swojej przeglądarce."

A to oni mają w ogóle jakieś plany wobec swojej przeglądarki? Przecież ona praktycznie stoi w miejscu. Jak ponoć 8 wersja przechodzi acid 3 w 12 punktów / 100, a firefox 3 w ponad 80/100 (nie mówiąc o Safari 4) to co oni robili przez te wszystkie lata?

Avatar
Ben (niezalogowany) | 21.03.2009 1:34#17

Chrome test ACID3 przechodzi w 100% 100/100pkt. :)

Avatar
grzegorz (niezalogowany) | 21.03.2009 17:22#18

microsoft nie wdroży canvas bo ma własne plany co do tworzenia tego typu elementów na stronie teraz nie pamiętam jak to się dokładnie nazywało ale jakoś silver cośtam.

Dodaj komentarz

Zasady publikowania komentarzy
Autor
Treść
 
Polecamy
Spotkajmy się na HotZlocie!

13-15 07 2012, Zamek na Skale
Test: PocketBook Pro 612

Biblioteka w kieszeni
Test Garmin Forerunner 610

Osobisty asystent treningowy
Top programy
  •  
Top programy ostatnie 7 dni
  •  
Top programy ostatnie 30 dni
  •  
Skanery antywirusowe
skaner av