Pobierz plik źródłowy

1. Załóż nowy film, rozdzielczość filmy 549 x 360
2. W narzędziach wybierz z autokształtów, autokształt Zaokrąglony Prostokąt. Rozciągnij go na projekcie.
3. Można właczyć w Menu | Widok | Przyciąganie do Siatki do Prowadnic.
4. Na lewej linijce przytrzymać przycisk myszy i przeciągnąc prwadnice, tak by oddzielała opisy pól od pól.
5. Rysujemy pola wprowadzania danych:
   - włączamy narzędzie tekst.
   - rysujemy pole userName myszką, ustawiamy w panelu Właściwośći:
   nazwę na userName, ustawiamy Cel (by być dostępne ze skryptu), czcionkę na _sens, wielkość na 10, z rozwijane listy (statyczny, dynamiczny, wprowadzany) wybieramy wprowadzany
   Autorozmiar wysokości  ma być wyłaczony, wysokość w liniach 1, ważne: zahaczamy ikonkę Białe Tło,czarna ramka(tak by nasz tekst wyglądał, jak biała ramka), tekst wieloliniowy wyłączony.
   

   Właściwości pola userName

   - kopiujemy to pole i nazwamy userEmail
   - kopiujemy to pole i nazwya userTresc, ale ustawiamy ikonkę tekst wieloliniowy włączony, wysokość lini na 15.

   

   Właściwości pola userTresc

6. Z komponentów przeciągamy na pulpit komponent Przycisk   z grupy Przyciski | Wciskane, ustawiamy tekst na Wyślij
7. W panelu konspekt zaznaczamy scenę i przechodzimy do panelu Skrypt, gdzie wklajamy poniższy skrypt:
   

   // funkcja sprawdzająca poprawność formularza
   function formValidation(): boolean
   {
   // wyczysczenie komunikatow bledow
   nameError.text = „”;
   emailError.text = „”;
   trescError.text = „”;
   if (userName.text.length < 4) nameError.text = „Za krótka nazwa, minimum 4 znaki”;
   else if (userEmail.text.length < 4) emailError.text = „Za krótki e-mail, minimum 4 znaki”;
   else if (userTresc.text.length < 10) trescError.text = „Za krótka treść, minimum 10 znaków”;
   else {
   return true;
   }
   return false;
   }

   // funkcja uruchamiana po kliknięciu przycisku
   function Events(name, status)
   {
   if ( (name == „btnwyslij”) && formValidation() )
   {

   var myVars:LoadVars = new LoadVars();

   // ustawienie zmiennych do wysłania wartościami formularza
   myVars.Name = userName.text;
   myVars.Email = userEmail.text;
   myVars.Message = userTresc.text;

   //   zdjęcie wyniku , gdy Flash załaduje już wynik
   myVars.onLoad = function (success)
   {
   if (success)
   {
   _root.dynamTekst.text = myVars.zwracanazmienna;
   }

   }
   // wysłanie formularz
   myVars.sendAndLoad(„contact.php”, myVars, „POST”);
   }
   }

8. Teraz musimy narysować pola, w których będą się wyświetlać komunikaty:- rysujemy myszką te pola
   - w Panelu Właściwości ustawiamy im opcję cel, nadajemy nazwy:  dynamTekst (pole na wynik działania), nameError, emailError,trescError
   - kolor czerwony, czcionka _sans, wielkość 10.
   - ważne z rozwiajanej listy wybieramy Dynamiczny, teraz będzie można ustawić ten tekst ze skryptu.
   

   Właściwości pola nameError

Uwaga,   ten przykład będzie dział poprawnie po wysłaniu pliku .swf i .php na serwer. Nie będzie działał poprawnie w podglądzie w programie, z uwagi zabezpiecznia flash playera i przeglądarek.

Parametr Base – domyślna ścieżka

W pliku źródłowym ustawiłem parametr BASE na „http://blog.swish.pl/wp-content/uploads/2011/01/” w menu Modyfikuj | Film | Właściwości | Ustawienia eksportu filmu | HTML.
Base (czyli baza) określa domyślną scieżkę, gdzie szukane są pliki, stąd też w kodzie actionscript podawane jest odwołanie do „contact.php”, a dzięki parametrowi base system wie, gdzie go szukać.

Parametr base

Jeśli bym nie ustawił tego parametru system by szukał tego pliku w bieżącym katalogu.

Link do oryginalnego wpisu

Pobierz plik źródłowy.

Miejsce publikacji: swish.wodip.opole.pl, forum.swish.pl
Autor, profil użytkownika: Januszr.

Blask.zip – pobierz plik źródłowy

W tym tutorialu wykonamy efekt Blasku przechodzący przez napis.

1. Zakładamy nowy film: menu Plik | Nowy
2. Ustawiamy rozmiar: menu Modyfikuj | Film | Właściwości, szerokość 515 px x 194 px .
3. Zapalamy, w panelu Narzędzia po lewej,  narzędzie Prostokąt, rysujemy myszką prostokąt, tak by przył tło, może wystawał po za obręb animacji albo być z nią równym.
4. We panelu Właściwości, ustawiamy tło na czarne.
5. Kilkamy narzędzie Tekst, w panelu Właściwości, ustawiamy wielkość czcionki na 36 , krój czcionki na Arial Black, wielkość odstępu na 4
6. Pozycjonujemy tekst na środku, opcjonalnie zmieniając wielkość tekstu na inną.
7. Klikamu prawym klawiszem myszki na powstałym tekście i wybieramy z menu kontekstowego:  Konwersja | Konwertuj do Klipu 
8. Powstał nienazwany Klip. W panelu Właściwości nadajemy mu nazwę np. na Maska.
9. Nasz tekst jest najniższym jego elementem.
10. Ustawiamy w panelu Właściwości, opcję Użyj obiektu niżej jako maski (animacja w klipie będzie tylko na nieprzezroczytym obszarze najniższego obiektu w klipie – naszego tekstu).
11. Teraz wchodzimy na panelu Konspekt ( który przechowuje drzewo obiektów ). Tam rozwijamy powstały klip Maska i w zapalamy Obiekt Tekstowy.
12. Prawy klawisz myszy, z menu kontekstowego Kopiuj Obiekt, następnie pownie prawy klawisz i Wklej w Miejscu.
13. Została dodana kopia naszego tekstu wyżej w klipie, klikamy tę kopię prawym klawiszem i z menu kontekstowego Rozdziel na Kształty.
14. Dzięki temu kopia naszego tekstu została przekształcona w grupę liter w formie wektorowych kształtów, którym teraz będziemy w stanie nadać wypełnienie tonalne oraz obramowanie.
15. W panelu Konspekt rozwijamy powstała grupę, zaznaczymy myszką pierwszą literkę trzymając klawisz Shift na klawiaturze.
16. Teraz w panelu Właściwości mozemy ustawić Wypełnienie na Gradient , poszczególne punkty wypełnienia od lewej: ciemnozielony (# 009900)  Alfa(przezroczytość) 50%, na lewa strona środka: ciemniejsza zieleń (# 007300 ), Alfa 100%, prawa strona środka: jaśniejszy zielony (# 019A00 ), prawa strona środka (# 66FF00 ). alfa 75% .
17. Ustwiamy linię obramowania na ciągłą i jej grubość na 1.8.
18. Mamy już napis teraz zanimujemy blask po tym napisie .
19. Przy wybranym klipie (panel Konspekt), z panelu Narzędzia wybieramy narzędzie Prostokąt rysujmy myszką prostokąt.
20. Przechodzimy do panelu Przekształcenie (ten panel przechowuje bezwzględne wymiary obiektów, panel Transformacje ich tymczasowe wymiary podczas Transformacji)
21. W panelu Przekształcenie ustawiamy w polu Kąt Osi X wprowadzamy -60, co przekręci o 60 stopni.
22. W tym samym panelu nadamy szerokość i wysokość na: 336, 478.
    X: -460, Y: 27
23. Spozycjonuje nam to wypełnienie na poza ekranem.
24. Ustawmy wypełnienie:  Gradient.
25. Dodajemy 7 punktów wypełnienia o kolorze białym, trzy na środku po dwa na bokach.
26. Ustawiamy im przezroczystość alfa od lewej:  0%, 25%,     75%, 100%,75%,      25%,0% .
27. W panelu Narzędzia klikamy Transformacja Wypełnienia by przekręcić wypełnienie do takiego samego kąta, jak obiekt, następnie zmniejszamy jego krawędzie do krawędzi obiektu. 
28. Mamy obiekt, który będzie przesuwał się po napisie, teraz pora na ustawienie jego ruchu.
29. Klikamy menu Wstaw | Efekt | Przesuń
30. Klikamy na niego dwukrotnie na osi czasu, następnie w panelu Efekt, na zakładce Ruch, zmieniamy opcję Przesuń do X na 560.
    Nasz efekt przesunie obiekt blasku z pierwotnej pozycji (poza ekranem, określonej w p. Przekształcenie) do pozycji X 560.
31. Rozciągmy efekt na osi do 31 klatek.

Powyższy przykład używa komponentu ComboBox_szary ( dostępny na panelu Komponenty | Kontrolki| Listy | ComboBox_szary).

Następujących modyfikacji dokonano względem domyślnych wartości parametrów komponentu:

Initial Value: 6
(wartość początkowa)
List Values: SWiSHzone.com;Blog;Forums;Support;Google;Wikipedia;Take me to… (wartości listy)

Editable: false (czy edytowalny – false – fałsz – nie)

Gdy komponent jest inicjowany po załadowaniu bądź, gdy bądź gdy inny element jest wybrany, funkcja obsługi zdarzeń Events function jest wołana. Pozwala to użytkownikowi na określenie poprzez skrypt, jakie alcje mają zostać wykonane przy wystąpieniu danego zdarzenia. Wiele komponentów używa funkcji Events by zasygnalizować, że zdarzenie wystąpiło.

Nazwa funkcji jest określona w parametrze Event Notification | Event Function. Domyślna wartość tego parametru to “Events”.

Skrypt, jaki musi być dodany do głównego filmu, jest podany niżej:

function Events(n,v) {
    switch(v) {
        case "SWiSHzone.com":
            getURL("http://www.swishzone.com", "_blank");
            break;
        case "Blog":
            getURL("http://blog.swishzone.com", "_blank");
            break;
        case "Forums":
            getURL("http://forums.swishzone.com", "_blank");
            break;
        case "Support":
            getURL("http://www.swishzone.com/index.php?area=support", "_blank");
            break;
        case "Google":
            getURL("http://www.google.com", "_blank");
            break;
        case "Wikipedia":
            getURL("http://www.wikipedia.org", "_blank");
            break;
    }
}

Opis skryptu

Dla komponentu Combo_szary , funkcja Events ma dwa parametry. Pierwszy, n, określa nazwę obiektu, który woła tę funkcję. Drugi parametr, v, stanowi jego nową wartość.

W poniższym przykładzie wartością n zawsze będzie “Combo_szary” – czyli nazwa komponentu. Gdy film zawiera wiele komponentów i zdarzenia od nich są obsługiwane przez te samą funkcję Events, parametr n może być użyty celem stwierdzenia, który obiekt wysyła zdarzenie.

Parametr v zawiera jedną z nazw witryn www. Czyli jedną z : “SWiSHzone.com”, “Blog”, “Forums”, “Support”, “Google”, “Wikipedia” lub “Take me to…”

W powyższym skrypcie funkcja Events po prostu porównuje bieżącą wartość rozwijanej listy combo ze znanymi nazwami i kiedy stwierdzi, która to nazwa, otwiera ją na powiązanej stronie www getURL(). Gdy parametr v zawiera “Take me to…” no żadna akcja nie jest wykonywana.

Nota: użyto “_blank” jako cel funkcji getURL, co powoduje, że strona będzie otwierana w nowym oknie.

Plik przykładowy można pobrać z weblink.zip.

(c) swishzone.com, oryginal entry. The Polish translation by Dreamsoft.

My testowo uruchomiliśmy SWiSH Max3 PL na Open Suse 11. używając Crossover Standard 8.0:
Crossover to emulator Windows na Linuxa i Mac. To bardzo tani i sprzedawany przez nas produkt.

Instalator programu SWiSH Max generuje błąd podczas instalcji “Bład zapisu na c:\windows\temp\swlpi\uninstall.ece”
(Zrzut ekranowy)
jednak po jego zignorowaniu proces intalacyjny kończy się powodzeniem.

Jak uruchomić SWISH Max3:
1) Zainstaluj Crossover na Linux
2) Używając CrossOver Configuration manger wybierz domyślną butelką - default “bottle” winxp i zainstaluj “Internet Explorer 7” – zainstaluje to także Flash Player 9 Activex
3) Zainstaluj SWiSH Max3 do existing “bottle” (“win xp”).
4) Uruchom SWiSH Max3a i odblokuj, jak zwykle.

Wewnętrzny debugger pracuje całkiem dobrze i możesz wyeksportować html+swf także do systemu plików linux (poza butelką) np.  \home\user\desktop .

SWiSH Max3 pracuje na Linuxie: zrzut ekranowy i mały film z ekranu

Do testów użyłem polską wersję Max3, build 2009-11-30.