Korzystając z tej strony zgadzasz się z polityką prywatności i regulaminem.
Akceptuj
WebInside.plWebInside.plWebInside.pl
  • Aktualności
  • Technologie
  • WWW
  • E-marketing
  • AI
  • Poradniki
  • e(Biznes)
Szukaj
  • Kontakt
  • Forum
WebInside.pl © 2023.
Czytasz: Gra we Flashu: „Zgadnij liczbę”
Udostępnij
Zaloguj się
Powiadomienia
Aa
WebInside.plWebInside.pl
Aa
Szukaj
  • Strona główna
  • Aktualności
  • Technologie webowe
  • Publicystyka
  • E-marketing
  • Poradniki
  • AI
  • Technologie
  • Artykuły partnerskie
  • Więcej
    • Kontakt
    • Mapa strony
Masz już konto? Zaloguj się
  • Aktualności
  • Technologie
  • WWW
  • E-marketing
  • AI
  • Poradniki
  • e(Biznes)
WebInside.pl © 2023.
WebInside.pl > Technologie webowe > Gra we Flashu: „Zgadnij liczbę”
Technologie webowe

Gra we Flashu: „Zgadnij liczbę”

WebInside.pl
Ostatnia aktualizacja: 25.07.2003
WebInside.pl
Udostępnij
Udostępnij

Tutorial ten opisuje proces tworzenia gry we flashu opartej na elemencie losowym. Gra „Zgadnij liczbę” polega na wpisywaniu liczby z zakresu od 1 do 10.

Flash musi porównać wpisaną przez użytkownika liczbę, z wcześniej wylosowaną i wyświetlić odpowiedni komunikat. Na początek stworzymy grafikę. Tworzymy 3 warstwy wybierając z menu [Insert->Layer]:

  • Warstwa action script. Ta warstwa zawiera skrypty action script. W pierwszych trzech klatkach tworzymy klatki kluczowe [F6] i wstawiamy akcje:
stop();
  • Warstwa napis. Na tej warstwie widnieje tytuł gry. W pierwszej klatce wstawiamy tekst „Zgadnij liczbę”, następnie zaznaczamy klatkę trzecią i tworzymy puste ujęcie [F5].
  • Warstwa reszta. Na tej warstwie znajduje się reszta grafiki. W pierwszej klatce tworzymy pole tekstowe z instrukcjami do gry oraz button [Ctrl+F8] „Zagraj” do którego przypisujemy akcje:
on (release) { gotoAndPlay(2); };

W drugiej klatce znajdują się: pole Input Text oraz pole Dynamic Text. Pierwsze służy do wpisywania zgadywanej liczby, a drugie do wyświetlania komentarzy typu: „za dużo”, „za mało”. Na palecie Properties: dla pola input przypisujemy zmienną (Var) liczba oraz ustawiamy właściwość Maximum Characters (maksymalną możliwą ilość wpisanych zanków) na 2.

Natomiast dynamicznemu polu tekstowemu przypisujemy zmienną (Var) komunikat.

Następnie tworzymy przycisk [Ctrl + F8] „Sprawdź” i przypisujemy mu akcje:

on (release) { _root.sprawdz(); };

Natomiast w trzeciej klatce tworzymy komunikat o wygranej oraz button [Ctrl+F8] „Zagraj ponownie” umożliwiający ponowną grę i przypisujemy mu akcje:

on (release) { gotoAndPlay(2); };


klatka 1



klatka 2



klatka 3

Oczywiście można dodać własne elementy graficzne. Nikt, ani nic nie powinno Ci przeszkodzić w urozmaicaniu tej grafiki. Możesz np. dopasować ją do designu swojej strony. A jeśli gdzieś się gubisz, nie możesz czegoś zrozumieć przeczytaj kurs flasha zawarty na stronach www.flash.webinside.pl , lub pytaj na forum. Teraz pora na napisanie skryptu.

Najpierw przyjrzyjmy się dwóm metodom generowania losowych liczb we flashu 5: Math.random(); i Random();. Math.random(); zwraca liczbę zmiennoprzecinkową z zakresu od 0.0 do 1.0. Random(); zwraca liczbę całkowitą od 0 do pomniejszonej o jeden liczby podanej w argumencie. Firma Macromedia zaleca stosowanie Math.random(); i nie wykluczone, że metoda Random(); zniknie w kolejnych wersjach flasha. Nam potrzebna jest liczba z zakresu <1;10> zatem pomnożymy liczbę zwróconą przez Math.random(); przez 10. Otrzymamy wtedy liczbę zmiennoprzecinkową z zakresu (0;10). Użyjemy funkcji int();, aby obciąć część ułamkową oraz dodamy 1. Wtedy otrzymamy liczbę z zakresu <1;10>. Kod action script do losowania liczby będzie wyglądać tak:

//wyzeruj pola tekstowe liczba = „”; komunikat = „”; //wylosuj liczbę los = int(Math.random()*10)+1; //funkcja ta wywoływana jest naciśnięcem przycisku „sprawdź” function sprawdz() { if(los == liczba) { //jeśli los jest równy wpisanej liczbie wyświetl odpowiedni komunikat gotoAndPlay(3); } else if (los < liczba) { //jeśli los jest mniejszy od wpisanej liczby wyświetl odpowiedni komunikat komunikat = „Za dużo”; } else { //jeśli los jest większy od wpisanej liczby wyświetl odpowiedni komunikat komunikat = „Za mało”; }; }; //zatrzymaj odtwarzanie filmu stop();

Zmienne komunikat oraz liczba to zdefiniowane przez nas wcześniej zmienne pól tekstowych w drugiej klatce. Dzięki nim możemy kontrolować (pobierać i zapisywać) zawartość tychże pól tekstowych. To już koniec tego tutoriala, ale nie myśl, że koniec twojej pracy ;-). Zalecałbym abyś urozmaicił(a) tę grę. Możesz dodać punktację albo poziomy trudności (od nich zależałby zakres losowanej liczby np. dla poziomu trudny, Flash losowałby liczbę z zakresu od 1 do 20). Poza tym zmodyfikuj i rozbuduj grafikę… Powodzenia… Materiały do powyższego tutorialu znajdują się: .

Może Cię zainteresować

Sprawdź, jak zostać testerem oprogramowania lub Java developerem! Poznaj kursy online!

Architektura globalnego e-commerce: Jak zbudować sklep gotowy na podbój świata?

Java obchodzi 30. urodziny – język programowania który zmienił świat technologii

Jak zacząć projektować aplikację, nie mając gotowego pomysłu?

Serwer dla małej firmy – czym kierować się przy jego wyborze?

WebInside.pl 2003-07-25 2003-07-25
Udostępnij ten artykuł
Facebook Twitter Kopiuj link Wydrukuj
Udostępnij
Poprzedni artykuł Płynne przesuwanie obiektu za pomocą klawiatury
Następny artykuł Efektowne menu
Zostaw komentarz lub opinię

Dodaj komentarz Anuluj pisanie odpowiedzi

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *

Najnowsze artykuły

Procesor AMD Ryzen 7
Najlepsze procesory z pamięcią 3D V-Cache: Wydajność dla graczy i profesjonalistów
Technologie
Jak przygotować sklep internetowy na automatyzację obsługi klienta?
Artykuły partnerskie
the nvidia logo is displayed on a table
Nvidia przyłapana? Gigant AI chciał kupić miliony pirackich książek
AI Aktualności
Najczęstsze błędy w SMS marketingu: jak nie przepalić budżetu?
E-marketing
4 najczęstsze cyberzagrożenia w przemyśle
Technologie
Jak uratować zaschnięty tusz do drukarki? Skuteczne domowe sposoby i porady
Poradniki
Model 3D jako wspólne źródło danych dla projektu, produkcji i montażu
Artykuły partnerskie
Dlaczego wideo z telefonu sprzedaje na TikToku lepiej niż profesjonalne spoty?
Artykuły partnerskie
Dwa ekrany zawsze pod ręką – zalety korzystania z monitora przenośnego na co dzień
Technologie
Rola nowoczesnych technologii w procesie rehabilitacji
Artykuły partnerskie
banner
Chcesz umieścić swoją reklamę w portalu WebInside.pl?
Skontaktuj się z nami, a zaproponujemy interesujące formy reklamy.
Skontaktuj się

Inne polecane artykuły

Technologie webowe

Sprawdź, jak zostać testerem oprogramowania lub Java developerem! Poznaj kursy online!

5 min czytania
Technologie webowe

Architektura globalnego e-commerce: Jak zbudować sklep gotowy na podbój świata?

7 min czytania
MacBook Pro showing programming language
Technologie webowe

Java obchodzi 30. urodziny – język programowania który zmienił świat technologii

9 min czytania
AktualnościTechnologie webowe

Jak zacząć projektować aplikację, nie mając gotowego pomysłu?

9 min czytania
woman in black top using Surface laptop
Technologie webowe

Serwer dla małej firmy – czym kierować się przy jego wyborze?

5 min czytania
Technologie webowe

Jaki hosting wybrać pod Laravel? Kompleksowy przewodnik dla twórców aplikacji webowych

6 min czytania
programming language
Technologie webowe

Kaskadowość w CSS – wszystko, co musisz wiedzieć

7 min czytania
two women talking while looking at laptop computer
Technologie webowe

Darmowe kreatory stron WWW – stwórz swoją stronę w godzinę

14 min czytania
//

WebInside.pl – portal technologiczny. Aktualności ze świata technologii, webmastering, marketing internetowy, AI, poradniki.

 

Partnerzy

Wszystkie kategorie

  • AI
  • Aktualności
  • Artykuły partnerskie
  • E-marketing
  • e(Biznes)
  • Poradniki
  • Publicystyka
  • Technologie
  • Technologie webowe

Ostatnio dodane

  • Najlepsze procesory z pamięcią 3D V-Cache: Wydajność dla graczy i profesjonalistów
  • Jak przygotować sklep internetowy na automatyzację obsługi klienta?
  • Nvidia przyłapana? Gigant AI chciał kupić miliony pirackich książek
  • Najczęstsze błędy w SMS marketingu: jak nie przepalić budżetu?

Kontakt

Chcesz się z nami skontaktować? Jesteś zainteresowany reklamą lub artykułem sponsorowanym?

Skorzystaj z formularza kontaktowego lub napisz do nas na kontakt@webinside.pl

WebInside.plWebInside.pl
WebInside.pl © 2023 | Mapa strony | Forum | Polityka prywatności
Witaj ponownie!

Zaloguj się do swojego konta

Zapomniałeś hasła?