10.07.09

Tworzenie gry we Flashu

Ikona komentarze Komentarze (14)

Coraz częściej zatrzymujemy się na stronach WWW, by chwilę odprężyć się przy prostych grach. Tego typu rozrywka zyskuje na popularności. Z Ekspertem nauczymy się sami konstruować tego typu aplikacje.

spis treści

  1. 1. Wprowadzenie
  2. 2. Elementy planszy powitalnej
  3. 3. Główna plansza
  4. 4. Pozostałe plansze
  5. 5. Programujemy i zapisujemy grę
następna

Wprowadzenie

Gry wykonane w technologii flash są niezwykle popularne, zwłaszcza w internecie. Nawet strony firmowe różnych producentów (niekoniecznie związanych z branżą IT) próbują przyciągać internautów fantazyjnymi rozgrywkami. Jednak ciekawą grę nie jest łatwo stworzyć - liczy się oryginalny pomysł. Potem naszą ideę wystarczy ubrać w grafikę i odpowiednio zaprogramować.

Zobacz poradniki Adobe Flash CS4 w praktyce.

W tym poradniku Ekspert pokaże Czytelnikom, jak wykonać prostą grę w programie Adobe Flash CS4. Nauczymy się rysować postaci i inne elementy, dodawać dźwięki oraz liczniki, a także skorzystamy z języka ActionScript, aby dodać naszej grze interaktywności.

Scenariusz gry

Zanim przystąpimy do pracy, musimy zaprojektować cały układ rozgrywki - ile będzie plansz, jak będzie wyglądał bohater, co będzie robił, w jaki sposób się poruszał, jaki cel mu przyświeca i jakie będą przeszkody. Konieczne jest również określenie współzależności pomiędzy obiektami w grze (czyli między innymi co się wydarzy, gdy klikniemy tu lub tam, jak uruchomić grę i jak ją zakończyć).

tworzenie-gry-we-flashu-czesc-1
Projekt scenariusza gry warto rozrysować na kartce, tak jak to uczynił Ekspert

W przykładowej grze Eksperta bohaterem jest jeż, którego celem jest łapanie spadających jabłek (w ten sposób bohater zbiera punkty). Jeżem sterujemy za pomocą prawego i lewego klawisza kursora. Wystarczy, aby jeż znalazł się pod jabłkiem w odpowiednim momencie, a zostanie ono zaliczone w punktacji (i zniknie). Ale uwaga, są również owoce robaczywe, których bohater musi unikać, oznaczają one bowiem ubytek życia, a w rezultacie koniec rozgrywki.



Do naszej gry utworzymy kilka plansz - powitalną (z przyciskiem Play, po kliknięciu na którego zostaniemy przeniesieni do właściwej gry, oraz przyciskiem Jak grać, który poprowadzi nas do instrukcji obsługi), główną (na której będziemy grać), trzecią - zawierającą opis gry i metody sterowania, oraz czwartą - z końcowym wynikiem, pojawiającą się po zakończeniu gry.

następna

czytaj także

Komentarze

M. 2009-08-17 Świetny poradnik! Mam jednak małe zastrzeżenie. W akapicie o dodawaniu tytułu, pisze Pani: "Malujemy kształty liter, tworząc tytułowy napis." Niestety, nie wszyscy jesteśmy wyposażeni w tablety i nie możemy sami narysować liter. Proponuję zamiast samodzielnego rysowania kształtów liter wykorzystać daną czcionkę, aby dodać tytuł gry.
Alicja 2009-08-20 Cieszę się, ze poradnik się podoba :) Co do liter - ich kształt utworzyłam za pomocą myszy i narzędzia Pedzel. Oczywiście tablet bardzo pomaga, ale nie jest niezastąpiony. No i oczywiscie racja - napisy możemy utworzyć w dowolny spoób, korzystając np. z gotowej czcionki. Pozdrawiam serdecznie :)
Alicja 2009-08-20 Cieszę się, ze poradnik się podoba :) Co do liter - ich kształt utworzyłam za pomocą myszy i narzędzia Pedzel. Oczywiście tablet bardzo pomaga, ale nie jest niezastąpiony. No i oczywiscie racja - napisy możemy utworzyć w dowolny spoób, korzystając np. z gotowej czcionki. Pozdrawiam serdecznie :)
TM 2010-05-15 Jak zrobić aby te jabłka spadały w losowych miejscach i cały czas? Mi spada tylko jedno i to w tym miejscu, gdzie go położę ;(
kubis 2010-06-15 Wszystko działa ale mam problem ze spadającymi obiektami. Wie ktoś jak zrobić aby te obiekty spadały wyłącznie w oknie gry?
holeko 2010-08-15 fajnie tylko nie moge tego zrobić do konca poniewaz w pewnym miejscu jest błąd w tym masz błąd podobno w tej linijce _root.liczbazyc.text = „Liczba żyć: „ + _root.zycia; nie będe tego zmieniałb o nie znam się na programowaniu a nie chce tego zepsuc pisze tak po operadorze musi występowac operand po tym = a nie wiem jak to zmienic zeby wszystko diałało onClipEvent (load){ speed=random(2)+1; } onClipEvent (enterFrame) { if(_root.zycia == 0) speed=0; this._x = this._x; this._y = this._y + speed; if (this.hitTest(_root.jez)){ _root.robaczywe.start(); -- _root.zycia; _root.liczbazyc.text = „Liczba żyć: „ + _root.zycia; this.removeMovieClip(); } }
memek 2010-11-02 Witam. Już kilka razu chciałem zrobić grę na podstawie tego poradnika, ale: 6. Klikamy na jez, wracając do klipu z całym jeżem, znajdującego się wyżej w hierarchii. tworzenie-gry-we-flashu-3-tworzymy-glowna-plansze-gry-8 Na panelu PROPERTIES wpisujemy instancję klipu (czyli nazwę obiektu, do której będziemy odwoływać się podczas programowania). tworzenie-gry-we-flashu-3-tworzymy-glowna-plansze-gry-5 Może to być nazwa inna niż nazwa samego klipu. Nie mogę wpisać instancji klipu-w ogole nie mam miejsca gdzie to wpisać :/ Czy to może być wina, że mam riala?
memek 2010-11-02 Triala*
Kamiello 2010-11-22 Witam! Jak koledze wyżej, wywala error co do operatora "=". Poza tym, są jeszcze problemy z onClipEvent. Łącznie wywala 8 błędów, a po skompilowaniu gra wyświetla jedynie 1 frame, a po kliknięciu na PLAY lub Jak grać przechodzi do frame 4. Oczywiście wpisywałem ...(2) i ..(3).
koko 2010-11-28 dzieki tego szukalam:)
Użytkownik Alligatora 2011-03-25 W Alligator Flash Designer 7 nie można wykonać tej gry.
@UP 2011-05-06 No błagam, co to w ogolę za wynalazek;) Flash Develop jakiś framework jak np. flixel.org i robisz gry;)
Marcel 2011-08-19 Hejo :) Język pisania kodów to AS ?
HHL 2012-01-16 Czy ma ktos gotowy plik tej gry? pisac gg 35363117
Miki 2012-01-30 HHL- masz na dole pierwszej strony pliki do pobrania i tam ona jest. Masz nawet plik fla.
Nowy 2012-02-01 Zrobilem tę gra tylko chcialbym w tej grze coś dodac. Gdy zbiore 3 jabłka chcialbym zeby przenosilo mnie do klatki 5 i w ciagu kilku sekund przenosilo mnie spowrotem i kontynułowało gre . Wiecie gdzie trzeba wpisać kod i jaki ten kod z góry wielkie dzieki
Nowy 2012-02-01 Zrobilem tę gra tylko chcialbym w tej grze coś dodac. Gdy zbiore 3 jabłka chcialbym zeby przenosilo mnie do klatki 5 i w ciagu kilku sekund przenosilo mnie spowrotem i kontynułowało gre . Wiecie gdzie trzeba wpisać kod i jaki ten kod z góry wielkie dzieki
sebek84 2012-02-03 "9. Teraz musimy zaprogramować nasze przyciski. Kliknięciem zaznaczamy przycisk Play, znajdujący się na scenie. Teraz wciskamy klawisz F9. Pojawia się okno, w którym wpisujemy podany na ilustracji kod." jak kliknę na przycisk to wtedy nie mogę pisać akcji dlaczego !?

Dodaj komentarz

autor
zapisz
tekst
filtr antyspamowy:
wpisz pierwszy wyraz tytułu artykułu


najnowszy numer

Ekspert 3/2011

Ekspert 3/2011

Ekspert 3/2011 - Sieć koniec problemów
W numerze: Sieć bez problemów, własny sklep na Facebooku, technologia chmury, Objective-C i programowanie w Adobe Flex.

czytaj dalej

forum gorące wątki

  • Problem z obrazem grafiką
    8.02.2012 0:36

    Witam wszystkich nie trudno zauważyć, że jestem tutaj nowy. Miałem już jakiś czas tutaj konto, al...

  • www.poradnikwebmastera.cba.pl
    7.02.2012 20:34

    Proszę o ocenę stronki: www.poradnikwebmastera.cba.pl, strona została zbudowana przy pomocy PHP, ...