Kilka dni temu miała miejsce premiera pakietu Adobe CS4, a w nim nowej wersji Flasha. Zapewne lada dzień nastąpi wysyp aplikacji i przykładów, wykorzystujących engine 3D, bone tool czy inne nowe funkcje. Flash developerzy będą prześcigać się w ilości przykładów i ich optymalizacji. Tak będzie do wydania kolejnej wersji Flasha, gdzie cały wyścig rozpocznie się od nowa. Nie jest to zjawisko złe, ktoś zawsze musi zrobić pierwsze kroki. Dzięki nim, gdy tylko chcemy znaleźć przykłady wykorzystania narzędzi potrzebnych do skończenia naszego projektu, mamy je na wyciągnięcie ręki. Skala tego zjawiska jest jednak zbyt duża. Programiści zbyt wielką wagę przykładają do narzędzi i ich perfekcyjnego wykorzystania, zamiast skupić się na tym, co tak na prawdę chcą zrobić. Powinni zastanowić się do czego te narzędzia wykorzystać, poświęcić więcej czasu idei. Jest to mniej więcej przesłanie Jonathana Harrisa, który swoją sesją zakończył tegoroczną konferencję Flash on the Beach. Sesja, która początkowo wzbudziła aplauz, wywołała później w Internecie niemałą burzę. Flash developerzy poczuli się oburzeni, jak ktoś śmie podważać sensowność ich pracy.

Dało sie zauważyć, że całe FOTB było mniej techniczne, a bardziej inspiracyjne. Dużo sesji poświęcono wykorzystaniu Flasha oraz innych programów, do tworzenia sztuki, reklamy czy filmu. Erik Natzke pokazał w jaki sposób wykorzystuje tzw. particles (cząsteczki) do tworzenia obrazów. Jego prace można znaleźć m.in. na flickr. Robert Hodgin podzielił się z publicznością refleksją o tym, jak jego jednorazowa przygoda z kwasem zmieniła pogląd na życie. Obecnie stara się, aby jego wizualizacje oddziaływały na ludzi tak, jakby byli pod wpływem tego narkotyku. James Paterson rozbawił i zadziwił publiczność swoimi niemal poklatkowymi animacjami. Prawie wszyscy znają animacje logotypu stacji muzycznej VH1. To właśnie jego żmudne dzieło. GMUNK pokazał co można zrobić łącząc animację 3D, animacje flash oraz materiał video. Jego reklamy Bacardi, Hyundai’a czy Budlight’a mówią same za siebie. O czołówce video tegorocznego FOTB opowiedział jej twórca, Rob Chiu. Ciekawostką jest, że została skończona o czwartej nad ranem, kilka godzin przed rozpoczęciem konferencji.

Oczywiście nie brakowało sesji typowo technicznych. Carlos Ulloa, twórca Papervision3D, pokazał jak powstaje trójwymiarowa gra wyścigowa. Jego kolega z zespołu zaprezentował nowe funkcje wspomnianego engine’u. Lee Birmelow przedstawił nowości Flasha CS4. Keith Peters wyjaśnił na jakiej zasadzie opierają się engine’y fizyki, typu Box2DFlash. Mario Klingemann pokazał jak za pomocą Flasha i kamery czytać semacode. Sesje te pozostały jednak daleko w cieniu, gdyż opisywały biblioteki i algorytmy, będące tylko narzędziami w rękach prawdziwych artystów.

Ostatnią sesję na FOTB wygłosił Jonathan Harris. Pokazał on kilka swoich projektów. Jednym z nich jest “We Feel Fine“. W projekcie tym przeszukiwane są blogi ludzi z całego świata. Wyszukiwane są zdania, zawierające wyrażenia “I feel” oraz “I’m feeling like”. Następnie każde ze zdań poddawane jest analizie, skierowanej na poszukiwanie rodzaju uczucia, wieku piszącego, jego płci, panującej pogody, miejsca oraz daty wpisu. Na tej podstawie tworzona jest jest swoista mapa uczuć. Wynika z niej np. że ludzie najbardziej szczęśliwi są podczas świąt a najmniej w okolicach wakacji. W projekcie “Universe” budowany jest świat wokół zadanego słowa kluczowego. Wpisując słowo “Poland” możemy zobaczyć w jakim kontekście pisano o naszym kraju w ostatnim tygodniu, miesiącu, czy roku, jakie były poruszane tematy, jakich osób dotyczyły. Tego typu projektów u Jonathana Harrisa nie brakuje, jednak wszystkie  łączy jedna cecha – skupione są wokół człowieka.

Ciekawe jest to, że większość opisywanych wyżej projektów i dzieł nie ma nic wspólnego z Flashem. Animacje i wizualizacje tworzone są w programach do postprodukcji i 3D, a prace Jonathana Harrisa prezentowane są w apletach Java. Nie ważne jest jednak jakiego narzędzia użyjemy, równie dobrze mogli byśmy to wszystko zrobić we Flashu. Ważne jest jednak co tak na prawdę chcemy przekazać…

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 <allow-access-from domain=”*”/>. 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.

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.

Tradycyjnie przygotowałem z tej okazji kartkę:

Kartki świąteczne są dla mnie poligonem doświadczalnym. Pewnie dlatego rzadko kiedy trafiają w gust odbiorców. Tym razem pod nóż poszła nowa wersja biblioteki Papervision3D oraz biblioteka Box2DFlash. Papervision3D 2.0 oferuje cieniowane materiały. W bombce użyłem cieniowania Phonga. Box2DFlash służy do symulacji grawitacji oraz oddziaływania między sobą przedmiotów. Dzięki niej bombka się buja. Efekt jest całkiem fajny, wymaga jednak chyba dość dobrego procesora.

Zapraszam również do obejrzenia kartki – gry, którą oprogramowałem dla Netizens, czyli firmy w której pracuję. Tutaj również wykorzystałem Box2DFlash.

Dla przypomnienia kartki z poprzednich lat.

Rok 2006 – kartka również w 3D, jednak engine dość prymitywny, w całości albo w części mojego autorstwa (nie pamiętam).

Rok 2005 – posadź swoją choinkę i zostaw na niej życzenia… dla kogoś szczególnego, dla siebie lub dla ogółu.

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)