Archiwum kategorii 'Flash' Strona 2 z 5



04/11/2008FOTB 08 – refleksje

FOTB 08

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ć…

dodajdo

09/07/2008Sierotki, czyli problem wiszących spójników we Flashu

Wiszący spójnik, zawieszka, sierota – nazwa błędu składu tekstu polegającego na pozostawieniu na końcu wersu osamotnionego jednoliterowego słowa (najczęściej spójnika lub przyimka, np. “a”, “i”, “o”, “u”, “w”, “z”). Reguła zabraniająca wiszących spójników dotyczy zarówno tekstów ciągłych, jak i pojedynczych napisów wielowierszowych (np. tytuły, podpisy). Zgodnie z Polską Normą pozostawianie wiszących spójników jest dopuszczalne tylko przy bardzo wąskim łamie (np. gazetowym). [..] (Wikipedia).

Problem sierotek przewija się przy pracy nad stronami internetowymi od bardzo dawna. Jest wiele rozwiązań tego problemu w php (skrypty, pluginy WordPress, itp.), natomiast nie spotkałem się jeszcze z rozwiązaniem dla ActionScript (3.0). Okazało się ono stosunkowo proste, jednak nie możliwe do zastosowania we wszystkich przypadkach. Podobnie jak w html, wstawiamy pomiędzy spójniki a następujące po nich wyrazy, znaki twardej spacji ( ) w miejsce spacji miękkich. Pole tekstowe musimy wypełniać jako pole html (htmlText), gdyż inaczej ciąg   nie zostanie potraktowany jako twarda spacja. Wystarczy do tego proste wyrażenie regularne w AS3:

poletekstowe.htmlText = str.replace(/\s+([aiouwzAIOUWZ])\s+/g, ” $1 ”);

Wszystko działa znakomicie w przypadku korzystania z fontów systemowych (use device fonts). Niestety Flash nie embeduje znaku twardej spacji w przypadku pól z antyaliasem. Być może dało by się ten problem jakoś rozwiązać, np. łamiąc automatycznie w odpowiednich miejscach wiersze znakiem końca linii, jednak uniemożliwiło by to justowanie tekstu. Tak więc jeżeli przewidujemy w naszej flashowej aplikacji problem wiszących spójników, od razu nastawiajmy się na korzystanie z fontów systemowych.

Aby uniknąć konieczności zapamiętywania czy też szukania powyższego wyrażenia regularnego, napisałem prostą klasę w AS3. Klasa przenosi do nowej linii litery a, i, o, u, w, z. Oto przykład uzycia.

import com.woszkowski.tools.StringTool;
poletekstowe.htmlText = StringTool.suppressSingleLetters(str);

Pliki do pobrania:
StringTool – klasa do usuwania wiszących spójników oraz przykład uzycia

Linki:
skaldy.com – pomoc w rozwiązaniu problemu
sierotki wordpress plugin – plugin do wordpressa autorstwa Artura Kępy

dodajdo

23/03/2008Flash Biuletyn II

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

Stereoskopia
Okulary do oglądania anaglifów 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.0Flex Builder 3
AIR 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.


dodajdo