woszkowski.com » Google

Flash Biuletyn II

Paweł Woszkowski — Sat, 22 Mar 2008 23:42:05 +0000

Kolejna porcja wiadomości i ciekawostek ze świata Flasha.

Stereoskopia
A konkretnie anaglify, czyli wyświetlanie specjalnie przygotowanych obrazów i oglądanie ich za pomocą okularów, dających wrażenie przestrzeni trójwymiarowej. Efekt ten możemy bardzo łatwo uzyskać za pomocą Papervision3D lub innego engine’u 3D. Renderujemy obraz z dwóch przesuniętych względem siebie w poziomie kamer, kopiujemy kanał czerwony jednej z nich, kanały zielony i niebieski drugiej i powstałe obrazy nakładamy na siebie. Istnieją trzy rodzaje okularów: czerwono-niebieskie, czerwono-cyjankowe i czerwono-zielone. Nie wiem jeszcze które nadają się najlepiej do oglądania tworzonych w ten sposób obrazów, ale już zostały zamówione, więc wkrótce własne przykłady i wyniki eksperymentów.

Tymczasem przykłady innych:
http://mrdoob.com/#/56/
http://mrdoob.com/#/57/
http://lab.benstucki.net/archives/AnaglyphTest/anaglyphtest.swf

YouTube Flash API / filmy w wysokiej jakości
YouTube stworzył API dla Flasha oraz Javascriptu , pozwalające na zamieszczanie na swoich stronach filmów bez standardowego playera. Nawigację możemy teraz tworzyć we własnym zakresie. Najważniejsze, że “chromeless player” pobierany jest spod adresu gdata.youtube.com, gdzie znajduje się plik crossdomain.xml, zawierający upragniony wiersz . Oto przykład, że to wszystko na prawdę działa:
http://woszkowski.com/ytapi/

Inną nowością od YouTube są filmy w lepszej jakości. W ustawieniach konta pod pozycją Jakość odtwarzania filmów wideo (http://pl.youtube.com/video_quality_settings) możemy włączyć opcję “Mam szybkie połączenie. Zawsze odtwarzaj film wideo z wyższą jakością, jeżeli jest dostępna.“. Od tego momentu filmy będą odtwarzane z większym biterate’em oraz z większą częstotliwością próbkowania dźwięku. Jednak nadal będzie to kodowanie Flash Video. YouTube oferuje również nieoficjalnie filmy w standardzie H.264. Do ich oglądanie potrzebujemy Flash Playera w wersji 9.0.115. Aby oglądać filmy w tym standardzie, wystarczy na końcu adresu dodać “&fmt=18″. Oto przykłady tego samego filmu w różnych jakościach:
Jakość standardowa: http://www.youtube.com/watch?v=RZYIfUdIyfs (pod warunkiem, że w ustawieniach YT nie ustawiliśmy domyślnie wysokiej jakości)
Jakość wysoka: http://www.youtube.com/watch?v=RZYIfUdIyfs&fmt=6
Kodek H.264: http://www.youtube.com/watch?v=RZYIfUdIyfs&fmt=18

Yahoo Maps Flash API
Tym razem komponent dla Flex Buildera. Yahoo wypuściło komponent oraz API do swoich map. Umożliwia on bardzo łatwe kontrolowanie mapy z poziomu AS3. Warto zwrócić uwagę na to, że Yahoo Maps są już bardzo dokładne dla naszego regionu i nic nie stoi na przeszkodzie, żeby częściej z nich korzystać.

Umap
We wcześniejszym biuletynie opisywałem komponent G Map, umożliwiający obsługę Google Maps z poziomu Flasha. Tym razem AFC zaprezentowało komponent UMap, umożliwiający kontrolę z opziomy AS3 map OpenStreetMap oraz Microsoft Virtual Earth. O ile OpenStreetMap jest bardzo niedokładny na obszarze Polski, to Microsoft Virtual Earth charakteryzuje się taką dokładnością , że komponent UMap staje się godny polecenia.

AIR 1.0 i Flex Builder 3
Adobe wypuściło oficjalne wersje Adobe Integrated Runtime oraz Flex Buildera 3. Jeżeli chodzi o AIR, to mimo, że słyszymy o nim już od dłuższego czasu, jest to dopiero pierwsza oficjalna wersja. Flex również jest dosyć młodym narzędziem, jednak w tym przypadku doczekaliśmy się już wersji nr 3. Zmiany w porównaniu z dwójką nie są duże.

Flash Biuletyn I

Paweł Woszkowski — Tue, 05 Feb 2008 00:33:09 +0000

Jestem dość pilnym subskrybentem wielu kanałów RSS. Wśród nich górują kanały Adobe. Ilość i jakość przekazywanych tam informacji jest tak duża, że nie sposób podzielić się nimi ze wszystkimi zainteresowanymi. I nie mówię tutaj tylko o kolegach “po fachu”. Czasami warto pokazać ludziom od kreacji coś, co będzie inspiracją do przyszłych spotkań koncepcyjnych. Czasami warto pokazać ludziom od handlu coś, co będą mogli zaproponować klientom. Czasami natomiast warto po prostu pokazać znajomym coś, co im się spodoba. Dlatego zamierzam tutaj co jakiś czas opisywać co ciekawsze “wydarzenia” ze świata flasha i jemu bliskich z nadzieją, że dotrę do szerszego grona odbiorców.

Tak więc zacznijmy od tego, co wartego uwagi wydarzyło się na przełomie grudnia 2007 i stycznia 2008 roku.

WOW – engine 3D podstawowych zasad fizyki

Kilka miesięcy temu światło dzienne ujrzał Box2dFlash – engine dla AS3, umożliwiający symulację podstawowych zasad fizyki (grawitacja + oddziaływanie między przedmiotami). Tym razem przyszła pora na przestrzeń 3D – engine WOW. Duże wrażenie robią przykłady użycia: kule zamknięte w obracającym się sześcianie, spadające na ziemię obrazki czy też obrazek oblewające kule niczym kawałek płótna. Osobiście jestem ciekaw, czy biblioteka jest bardziej zjadliwa, niż Box2dFlash.

Video w rozdzielczości HD w najnowszej wersji Flash Playera (9.0.115)

Żeby zdać sobie sprawę o czym piszę, proponuję od razu na samym początku zobaczyć ten przykład (klikając dwa razy w film przechodzimy do trybu fullscreen). Oczywiście trzeba mieć zainstalowanego Adobe Flash Playera w wersji 9.0.115. Niezłe, prawda? W dodatku całkiem płynnie chodzi. Zastanawiacie się jaki ogromny bitrate musi mieć to video? Otóż jest to video w rozdzielczości 1280×720, formacie mp4 500kbps… czyli nieco więcej niż mają filmiki z YouTube!!! Fakt, można się przyczepić, że w momentach gdy sporo się na ekranie dzieje widać ślady sporej kompresji, jednak i tak całościowy efekt jest zdumiewający.

Google maps prostsze niż kiedykolwiek – komponent dla Flash

Dzięki komponentowi G Map, stworzonemu przez firmę Advanced Flash Components, możemy w banalny sposób korzystać z funkcjonalności Google maps, przede wszystkim na stronach opartych w 100% na technologii flash. G Map umożliwia stawianie markerów, rysowanie linii i kształtów oraz nakładanie warstw, czyli dodawanie własnej funkcjonalności na mapę. Flash developerów ucieszy na pewno fakt, że wstawienie komponentu i dodanie np. własnego punktu na mapie to zaledwie kilka linijek kodu.

Statystyki penetracji wersji Flash Playera z grudnia 2007

Adobe Flash Player w wersji 9.0.0 lub nowszej jest zainstalowany na ponad 94,3% komputerów w Europie. W Stanach Zjednoczonych ten odsetek jest jeszcze większy i wynosi 96,8%. Co to oznacza? Że praktycznie całkowicie możemy przerzucić się na AS3.

Prognozy liczby urządzeń wspierających Flash Lite na rok 2008

Rynek urządzeń mobilnych rozwija się w ekspresowym tempie. Liczba rodzajów telefonów i urządzeń jest wręcz astronomiczna. Dlatego tworzenie aplikacji i gier na te urządzenia jest wyjątkowo uciążliwe. Nadzieją jest na pewno Flash Lite. Rozpowszechnienie tego rozwiązania było by zbawieniem dla developerów, gdyż aplikacje i gry napisane pod Flash Lite działają na każdym urządzeniu, które tą technologię wspiera, podobnie jak to jest ze stronami flash działającymi na różnych przeglądarkach oraz systemach operacyjnych. Prognozy na ten rok są optymistyczne. W Europie środkowej w 2008 roku będzie niemal 25 mln. urządzeń wspierających Flash Lite, z czego ponad 6 mln. w Polsce. Pewną barierą może być to, że dużo z nich nie ma Flash Lite‘a zainstalowanego fabrycznie jednak mam nadzieję, że będzie to bariera to przeskoczenia a w roku 2009 problem ten zupełnie zniknie.

Wrapper, czyli napisz stronę w HTML i wyświetl ją we Flashu

Ciekawe rozwiązanie, które ma na pewno sporą przyszłość, choć wg mnie w trochę innej postaci. Na razie głównym celem Wrappera jest zachowanie identycznego wyglądu strony htm niezależnie od przeglądarki. Dodatkowo flash udostępnia nam kilka dodatkowych opcji, jak gradienty oraz filtry. Polega to na tym, że stronę piszemy w html (proponuję zobaczyć źródło tej strony), następnie za pomocą javascript, całość podmieniana jest jednym wielkim flashem a treść przekazywana do niego. Nie spodziewał bym się jednak przełomu w dziedzinie webmasterki. Osobiście chciałbym zobaczyć Wrappera, jako komponent lub bibliotekę, umożliwiającą ładny rendering kodu html we wnętrzu strony flash.

Na koniec w zasadzie ciekawostka, gdyż wymaga dość skomplikowanej zabawki…

Idealna technologia do przeprowadzania relacji sportowych

Przepis jest następujący:
- kręcimy film za pomocą dość specyficznej kamery, która mam nadzieję od razu zespala obraz z wielu obiektywów w jedną panoramę,
- nakładamy całość na sferę,
- wrzucamy do Papervision3D,
- oprogramowujemy ruch myszki,
- sami decydujemy w którą stronę się patrzymy!
Ciekawe kiedy obejrzę w tej technologii np. relację z Tour de France.

*Mała adnotacja. Autorem zdjęć oraz producentem tego sprzętu jest firma Immersive Media.

Papervision3d + Picasa

Paweł Woszkowski — Thu, 23 Aug 2007 22:27:03 +0000

Ostatnio, częściowo w ramach nauki i eksperymentów, naszła mnie ochota połączenia niesamowitej biblioteki do wizualizacji trójwymiarowej – Papervision3d oraz potencjału jaki niesie w sobie Picasa. Oczywiście nie obyło się bez problemów.

http://www.woszkowski.com/picasa/

Nie będę ukrywa, że inspiracją tego, był dość osobliwy kalendarz, stworzony przez samego twórcę Papervision – Carlosa Ulloa: http://www.noventaynueve.com/2007/. Całość została napisana w AS3, aby umożliwić powiększanie zdjęć, czyli po prostu ich klikanie. Wersja Papervision pod AS2 niestety nie ma zaimplementowanej sceny interaktywnej.

Tworzenia tego typu aplikacji, nie ułatwia w żaden sposób google. Plik crossdomain.xml, umieszczony w domenie google, zezwala na dostęp do plików z serwera picasa tylko aplikacjom odpalanym z tej samej domeny. Konieczne stało się więc zastosowanie prostego proxy, w postaci pliku php umieszczonego w tej samej domenie co aplikacja. Do odczytu listy galerii oraz zdjęć użyłem kanałów RSS oferowanych przez picasa. Tutaj też nie obyło się bez problemów. Zawartość RSS okazała się inna w przypadku odczytu bezpośredniego oraz inna w przypadku odczytu za pomocą proxy. Najprawdopodobniej przyczyną tego są różne nagłówki wysyłane przez przeglądarkę oraz skrypt php.

Programiści Google zapowiadają stworzenie mechanizmu upraszczającego ładowanie zdjęć z Picasa. Najbardziej prawdopodobnym rozwiązaniem jest stworzenie osobnej domeny do pobierania plików, w której zostanie umieszczony crossdomani.xml z tak upragnioną gwiazdką.

Nie traktujcie tego przykładu jako gotowej aplikacji. Nie starałem się zabezpieczyć go przed błędami ani stworzyć przyjaznego interfejsu. Jeżeli macie jednak jakiś pomysł na ciekawe wykorzystanie połączenia tych technologii, chętnie wysłucham.

Źródła: http://www.woszkowski.com/picasa/src.zip (160kB)