Swiffy — konwerter Flasha na HTML5 z Google Labs

29.06.2011 17:31, Autor: Anna Rymsza (Xyrcon), Kategoria: News
NewsImage

Konwersja animacji Flash do bardziej przenośnego HTML5 powoli staje się faktem. Firma Adobe wydała Wallaby — eksperymentalne narzędzie przetwarzające źródło animacji Flash (pliki FLA) na HTML5, a nad własną wersją takiego narzędzia pracuje firma Google.

Nie zawsze posiadamy plik FLA, więc użycie narzędzia firmy Adobe może okazać się niemożliwe. Firmy częściej wymieniają się gotowymi do publikacji plikami SWF, takie właśnie pliki znajdziemy na stronach. Ratunkiem może okazać się nowy projekt w ramach Google LabsSwiffy. To narzędzie pozwala na konwersję skompilowanego SWF na HTML5. Wystarczy wskazać mu plik SWF zapisany na dysku, aby otrzymać gotową animację w formie skryptu dla przeglądarki, umieszczonego w obiekcie JSON. Skrypt renderuje grafiki w SVG z dodatkiem CSS3. Przykładowe animacje (a nawet proste gry) można obejrzeć w galerii.

Na razie Swiffy jest w stanie przetworzyć jedynie pliki zgodne z SWF 8 i ActionScript 2.0. Należy jednak pamiętać, że jest to pierwsza, eksperymentalna wersja tego narzędzia. Wynikowy kod jest przeznaczony dla przeglądarek opartych o WebKit (Chrome, Safari). Narzędzie nie da sobie rady ze skomplikowanymi aplikacjami czy grami, ale już dziś ma spory potencjał.

Rozwój konwertera SWF do HTML5 dla przeglądarek opartych na WebKicie może mieć poważne konsekwencje w ich rozwoju. Gdyby dostatecznie zaawansowany moduł działający jak Swiffy został umieszczony w Google Chrome, mogłoby to umożliwić przeglądanie stron z animacjami Flash bez wtyczki Adobe. Można by również umieszczać takie konwertery na serwerach proxy, na czym skorzystałaby przeglądarki mobilne typu Opera Mini. Oczywiście w takich chwilach przemysł reklamowy zaciera ręce, gdyż konwerter pozwoli na wyświetlanie flashowych bannerów na urządzeniach z iOS.

r   e   k   l   a   m   a

Komentarze (34)  

AvatarUżytkownik jest nieaktywny
XeonBloomfield | 29.06.2011 17:31#1

Łoo... Cię Feliks...

Avatar
Anonim (niezalogowany) | 29.06.2011 17:32#2

Google coś szaleje ostatnio :)

AvatarUżytkownik jest nieaktywny
delusion | 29.06.2011 17:34#3

Niech Flash zginie!

Avatar
bartekc (niezalogowany) | 29.06.2011 17:40#4

"a nawet proste gry" i tu sie maga tych narzedzi konczy :)

AvatarUżytkownik jest nieaktywny
bart86 | 29.06.2011 17:41#5

dobre muszą tylko poszerzyć listę silników przeglądarek i już można by to zastosować

AvatarUżytkownik jest nieaktywny
webnull | 29.06.2011 17:42#6

Świetna wiadomość, Google robi postęp do przodu ;-)

AvatarUżytkownik jest nieaktywny
Xyrcon (redakcja) | 29.06.2011 17:44#7

@bart86
Raczej nie poszerzą, bo Chrome. Apple przypadkiem skorzysta(?) na odpadkach.

AvatarUżytkownik jest nieaktywny
bart86 | 29.06.2011 17:46#8

@Xyrcon (redakcja)
zauważyłem że zawsze google jak coś robi to dla wszystkich tylko najpierw wprowadza to w chrome a po pewnym czasie u konkurencji taka jest zresztą polityka firmy

AvatarUżytkownik jest nieaktywny
Xyrcon (redakcja) | 29.06.2011 17:50#9

Mi się po prostu wydaje, że Swiffy nie będzie „dla wszystkich” :). Ale zastosowań widzę masę, łącznie z wyposażaniem w coś podobnego Chromebooków, żeby oszczędzały baterie (zakładam, że będzie to lżejsze niż wtyczki Adobe).

AvatarUżytkownik jest nieaktywny
bart86 | 29.06.2011 17:51#10

@Xyrcon (redakcja)
a to możliwe ale nie takie wtyczki do Firefoxa już były ;]

Avatar
Klaman123 (niezalogowany) | 29.06.2011 18:48#11

@webnull "Świetna wiadomość, Google robi postęp do przodu"

A słyszałeś kiedyś o innym "postępie" niż do "przodu"? :)

Avatar
mmm777 (niezalogowany) | 29.06.2011 19:23#12

Kolejna *prawie* działajaca beta z Google...

Tylko dlaczego jeżeli gdzieś jest link na YT, to na 95% wymaga on Flasha? Tego nie potrafią skończyć?

AvatarUżytkownik jest nieaktywny
deallas | 29.06.2011 19:25#13

"...na konwersję skompilowanego SFW na HTML5..."
Literówka SFW => SWF

AvatarUżytkownik jest nieaktywny
scripter1 | 29.06.2011 19:33#14

To nie jest ani pierwszy ani jedyny tego typu projekt, przecież DP już dawno pisało o projekcie Smokescreen: http://smokescreen.us

Obawiam się że Google nie chce aby to poprawnie działało w konkurencyjnych przeglądarkach.

Tak z ciekawości przyjżałem się plikowi wynikowemu i okazuje się że jest tam odwołanie do pliku js na zewnętrznym serwerze a reszta kodu jest jako obiekt JSON - taki układ uniemożliwia odtworzenie takiego pliku offline.

Co do wielkości plików to google pisze że "skompresowany obiekt JSON jest nieznacznie większy niż plik swf".
W praktyce plik wyjściowy swf 34,1KB = 128KB w pliku html + 71,3KB w pliku runtime.js na zewnętrznym serwerze.

AvatarUżytkownik jest nieaktywny
gulczkwas11 | 29.06.2011 19:43#15

najwieksza zaleta ipada - brak reklam flash :)

Avatar
AutorAutor (niezalogowany) | 29.06.2011 20:10#16

swf <= 6
znaczy sie taki 10cio letnie
nu ale od czegoś trzeba zacząć...

AvatarUżytkownik jest nieaktywny
XYZed | 29.06.2011 20:15#17

No niestety w IE8 HTML5 nie działa a mnóstwo osób ma jeszcze IE6 czy max IE7... kurcze, jak wymusić na userach dobrowolną instalację czegoś innego niż IE??? !!! Ja już normalnie nie mam pomysłów, chyba "na chama" na nich to wymuszę przez GPO.. ale to jest ok. 600 kompów i zaraz będą telefony, dlaczego mi "Internet" nie działa i bieganina po firmie, mało tego, co z biurami regionalnymi rozrzuconymi po Polsce.
IMHO... HTML5 jest super, ale użyszkodnicy niestety będą go jeszcze dłuuugo blokować. A flasha można pobrać i zainstalować kilkoma kliknięciami i to w najstarszej przeglądarce WWW :-/

AvatarUżytkownik jest nieaktywny
Waka | 29.06.2011 20:43#18

@mmm777: Gdzie chęci tam i możliwość:
https://www.youtube.com/html5

AvatarUżytkownik jest nieaktywny
wszerad | 29.06.2011 21:24#19

Żeby nie było to na FF7 też śmiga tylko trzcinkami się różni z oryginałem.

AvatarUżytkownik jest nieaktywny
Razi | 29.06.2011 22:34#20

Flash: grafika wektorowa + Action Script
HTML5: Canvas (rysowanie wektorowe) + JavaScript
Przy czym Action Script to prawie to samo co JavaScript

Avatar
M@M (niezalogowany) | 29.06.2011 22:55#21

Klaman123 jedynym i unikalnym w skali swiatowej przykladem postępu w tył jest polska gospodarka i polska moralnosc.

Avatar
bartekc (niezalogowany) | 29.06.2011 23:12#22

@razi
Flash: Stage + ActionScript
HTML5: Canvas + javascript

Przy czym... ActionScript 3 to prawie to samo co JAVA,
a JavaScript to JavaScript, nie ma klas, nie ma dziedziczenia (mimo faktu, że js,java i as3 to składnia oparta o standardy ECMA). Developer AS3 który aktualnie tworzy gry i programy w AS3 nie ma problemow z JAVĄ, może mieć jedynie problem z brakiem pełnej obiektowości JavaScripta.

Java jest od AS3 lepsza chyba jedynie w zastosowaniach serwerowych i współdziała z ActionScriptem, bo teraz wszystkie (większość) gry na takim facebooku to klient wykonany w ActionScript i obsługa multiplayer poprzez serwer Javovy np red5. Natomiast spotykacie się z grami Javowymi ? Bo ja nie.
W Javascript mozesz emulowac pełną obiektowośc za pomocą wartości prototype (nie mylić z frameworkiem), także porównywanie tych języków jest raczej nie na miejsci. Owszem, HTML5 zastąpi flasha w bannerach i niektórych efektach na stronie, ale gry będą dalej flash'owe. Konwertować już możesz do html5 od kiedy wyszedł CS 5.5.

Obczaj sobie paczki klas dostępne w ActionScript i porównaj
z funkcjami javascript'a... obstawiam, że 10:1 dla AS3.

Zamiast rozsiewać plotki, proszę podaj jakieś konkretne argumenty bo samo 'prawie to samo' nie wystarczy.

Avatar
mmm777 (niezalogowany) | 30.06.2011 0:11#23

`'trzcinkami' - no, no, jak to się Niemcy polskiego uczą...

Avatar
JavaScriptObiektowy (niezalogowany) | 30.06.2011 7:25#24

@bartekc
JavaScript jest obiektowy i jest w nim dziedziczenie. Wpisz sobie w google "javascript dziedziczenie" a prawdę ci powie.

AvatarUżytkownik jest nieaktywny
cephei | 30.06.2011 8:00#25

wiele efektów utworzonych we flashu jest niewspieranych...wygląda to po konwersji dziadowsko

Avatar
bartekc (niezalogowany) | 30.06.2011 13:32#26

@JavaScriptObiektowy
Javascript jest bazowany obiektowo nie zorientowany.
Mozesz uzyskac efekt dziedziczenia za pomoca prototype ale to nie czyni języka zorientowanego obiektowo.
http://www.crockford.com/javascript/inheritance.html
w javascript nie masz klas - masz funkcje, nie masz konstruktorow, masz funkcje, nie ma metod sa funkcje.

Avatar
KONTO USUNIĘTE | 30.06.2011 15:40#27

Flash? Expelliarmus! :D

Avatar
oomtres (niezalogowany) | 30.06.2011 18:49#28

@delusion "Niech Flash zginie!"

hahaha, nawet nie wiecie co piszecie!
ja już od dawna mówię, że będziemy tęsknili za starymi dobrymi czasamy gdy reklamy flashowe można było zblokować i był spokój

to teraz sobie wyobraźcie, że reklamodawcy będą konwertować flashowe banery na html 5 i wyswietlac je gdy ktos nie bedzie mial wtyczki albo bedzie mial adblocka

no i co teraz? wszyscy flash hejterzy? jeszcze trochę i będziecie na reklamy html5 nadawać a zobaczycie jak one będą zżerały zasoby kompa

niech nikt nie liczy że banery znikną... to tak jakby portale miały dobrowolnie oddać wory pełne banknotów...

Avatar
bartekc (niezalogowany) | 01.07.2011 23:59#29

Jest jeden sposób na reklamy.
Nie wchodzić na serwisy na których są,
nie ma ruchu, nie ma reklam. )

Avatar
KONTO USUNIĘTE | 02.07.2011 13:21#30

Nawróciłem się na Flasha.
Chyba, że ktoś wskaże mi lepsze narzędzie do umieszczczania 3D w Web?

Avatar
bartekc (niezalogowany) | 02.07.2011 14:31#31

UNITY to też potrafi, ale do niego potrzeba kolejnej wtyczki instalować. Poza tym istnieją plotki, że unity ma się integrować z flashem, zobaczymy..

Avatar
Janq (niezalogowany) | 03.07.2011 22:59#32

Był już SmokeScreen

Avatar
cinus (niezalogowany) | 17.03.2012 15:31#33

@Razi
No nieźle javaScript to prawie ActionScript, ilu ciekawych rzeczy można się dowiedzieć z komentarzy :)
Od 7 lat programuje w AS i od 3 w js, i nie widzę żadnych podobieństw poza zbieżnościami w składni np. function, var :)
Nie oceniam która technologia jest lepsza bo to bez sensu, dentysta ma różne wiertła, programista korzysta z różnych technologii - każda ma swoje zastosowania, jak na razie nie wyobrażam sobie robienia porządnej gierki webowej bez flasha. Nie oszukujmy się drwal jak się usra to i nożem drzewo zetnie - tylko co to za drwal?

Avatar
baz (niezalogowany) | 25.03.2012 13:19#34

Bawi mnie ta wojna o flash i html5 najśmieszniejsze są komentarze "niech flash zginie" (flash nie zginie on ewouluje) w 100% zgadzam się z tym co napisał @oomtres oraz @Razi.
Ja miesiąc temu kupiłem FlashCS5.5pro bo uważam że jest to narzędzie idealne do "karczowania moich lasów";).
będe trzymał kciuki za dalszą ewolucje flash'a.
Pozdrawiam

Dodaj komentarz

Zasady publikowania komentarzy
Autor
Treść
 
Polecamy
Test Sharp AQUOS SH80F

Warto (byłoby) się szarpnąć
Recenzja MSI WindTop AE2410

Powiew świeżości?
Testujemy: Manta Smart TV Box

Internet w telewizorze
Test Garmin Forerunner 610

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