Witajcie!W serii tutoriali przedstawię szybki kurs programowania gier flashowych.
Będziemy używać w tym celu darmowych narzędzi, kompilatorów i silników.
Aktualnie kurs jest w wersji beta i będą prowadzone nad nim prace (także proszę o wyrozumiałość).
Kurs ma się ukazać w najbliższym czasie także w portalu
koniecgry.pl Czego będziemy potrzebować by zacząć zabawę:
1. Środowiska Flash Develop - bedzie to nasze podstawowe środowisko programistyczne - to właśnie za pomocą Flash Develop będziemy pisać kod naszych gier
2. Flex SDK - będziemy używali darmowego flex sdk do kompilacji naszych gier do swfów (czyli do gotowych już gier które będziemy mogli osadzić na stronie www)
3. Adobe Flash Player 10.1 — Debugger - wersja flash playera z debuggerem - bedziemy uzywać miedzy innymi do analizy kodu i poszukiwania ewentualnych błędów.
4. silnika FlashPunk - darmowy flashowy silnik do tworzenia gier 2D.
Przygotowalem paczke zawierającą wszystkie skladniki potrzebne do rozpoczecia zabawy:
http://evilindiegames.com/files/flashpunk_kurs/FLASHPUNK_KURS.ZIP Zatem zaczynamy!
Krok 1 - Pobierz plik zawierający narzedzia do pracy.http://evilindiegames.com/files/flashpunk_kurs/FLASHPUNK_KURS.ZIPPo pobraniu wypakuj na dysk (ja wypakowałem do katalogu D:\DEV , tak że mam ścieżkę D:\DEV\FLASHPUNK_KURS\ do zawartosci kursu.
Zapamiętaj ścieżke pod jaką KURS znajduje sie u Ciebie! Krok 2 - Zainstaluj środowisko Flash Develop z kataloguFLASH_DEVELOP_3_21
Krok 3 - Uruchom Flash DevelopJeśli uruchomiłeś Flash Develop, zajmiemy się konfiguracją środowiska.
Z górnego paska menu wybierz: tools->Program Setings...
Wybierz zakladkę AS3 Context i w pole Flex SDK Location podaj sciezkę do FLEX_SDK, czyli
[SCIEŻKA_POD_JAKĄ_KURS_JEST_U_CIEBIE]\FLASHPUNK_KURS\ FLEX_SDKu mnie jest to:
D:\DEV\FLASHPUNK_KURS\FLEX_SDK\
w tym samym oknie z zakładki bocznej wybierz FlashViewer i podaj ściezkę External Player Path czyli
[SCIEŻKA_POD_JAKĄ_KURS_JEST_U_CIEBIE]\FLASHPUNK_KURS\FLASH_PLAYER_10_DEBUG\flashplayer_10_sa_debug.exe
u mnie jest to:
D:\DEV\FLASHPUNK_KURS\FLASH_PLAYER_10_DEBUG\flashplayer_10_sa_debug.exe
Krok 4 - napiszemy pierwszy program testowyWybierz z menu:
Projects -> New Project...
Jeśli teraz Flash Develop poprosi cie o podanie Twojego imienia, możesz podac mu imię, nazwisko, lub ksywę:>
Jeśli wszystko poszło dobrze po prawej stronie ukaże się okno z elementami projektu.
W tym bocznym panelu rozwiń folder src i otwórz kliknięciem plik Main.as .
Teraz powinieneś miec przed oczami plik Main.as - zawierający główny kod przykładowego programu flashowego.
package
{
import flash.display.Sprite;
import flash.events.Event;
/**
* ...
* @author Stalek
*/
public class Main extends Sprite
{
public function Main():void
{
if (stage) init();
else addEventListener(Event.ADDED_TO_STAGE, init);
}
private function init(e:Event = null):void
{
removeEventListener(Event.ADDED_TO_STAGE, init);
// entry point
}
}
}
teraz w miejsce gdzie widnieje komentarz:
// entry point (w AS komentarze jedno liniowe oznaczamy znakami // )
wstaw:
trace("Witaj swiecie!");Tak by program miał postać:
package
{
import flash.display.Sprite;
import flash.events.Event;
/**
* ...
* @author Stalek
*/
public class Main extends Sprite
{
public function Main():void
{
if (stage) init();
else addEventListener(Event.ADDED_TO_STAGE, init);
}
private function init(e:Event = null):void
{
removeEventListener(Event.ADDED_TO_STAGE, init);
// entry point
trace("Witaj swiecie!");
}
}
}
Uruchom program zielona strzałką z menu górnego.
Jeśli wszystko poszło dobrze powinieneś pośród komunikatów zobaczyć w oknie konsoli napis:
Witaj swiecie!Gratulacje to pierwszy bardzo prosty program w Action Scripcie!
W lekcji drugiej zajmiemy się już wykorzystywaniem silnika Flash Punk!
Będzie ciekawiej:>
