Skip to content

Latest commit

 

History

History
83 lines (72 loc) · 3.82 KB

File metadata and controls

83 lines (72 loc) · 3.82 KB

CodersCamp 2020 - Projekt TypeScript

Pokemon Fight

Aplikacja pozwala na walkę pokemon dwóch osób. Każdy z graczy może wybrać 3 stworki, które pomogą mu osiągnąć sukces w walce z przeciwnikiem. Ten, który przeprowadzi grę lepiej wygra - o ile drugi gracz mu na to pozwoli!

Aplikacja została stworzona w oparciu o TypeScript w ramach kursu CodersCamp2020.

Pokemon Figth wzorowany był na popularnej grze Pokemon.
Design projektu: Figma

Pokemon Fight - start screen Pokemon Fight - choose screen
Pokemon Fight - start screen Pokemon Fight - choose screen
Pokemon Fight - fight screen Pokemon Fight - end screen
Pokemon Fight - fight screen Pokemon Fight - end screen

Zespół projektowy

Mentor: Łukasz Dutka

Uczestnicy:

Wykorzystane technologie:

  • TypeScript
  • HTML
  • CSS - SASS

Narzędzia z jakimi pracowaliśmy:

  • Visual Studio Code
  • Git
  • GitHub Desktop
  • Figma
  • Trello

Wymagania funkcjonalne

  1. Ekran ładowania - śpiący Snorlax
  2. Ekran startowy - pola do wpisania imion graczy, którzy będą grają obok siebie na komputerze
  3. Ekran wyboru pokemonów - gracze wybierają naprzemiennie po 3 pokemony z puli 12 pokemonów.
  4. Ekran walki - jedno menu dla obu graczy, zmieniają się imiona. Gracz pierwszy zaczyna.
    • w jednym czasie walczą tylko dwa pokemony (domyślnym, pierwszym pokemonem jest ten wybrany przez gracza jako pierwszy)
    • menu wyboru akcji: 3 buttony
      • atak (wyświetla dwie opcje wyboru ataku oraz jedną powrotu do menu wyboru akcji)
      • switch (wyświetla dostępne opcje zmiany pokemona na inny oraz jedną powtoru do menu wyboru akcji)
      • heal - "eat mango" (bezpośrednia akcja odnawiająca życie aktywnego pokemona do maximum HP - gracz może skorzystać z tej opcji tylko jeden raz w ciągu gry)
  5. UI - czytelny, interaktywny i responsywny
  6. Pokemon posiada:
    • Punkty Życia/HP
    • Atak i Obronę
    • Typy (np. Bulbasaur: grass, poison)
    • Moves / Ruchy (ataki mają swoje typy np. tackle: normal, fire blast: fire)
  7. Algorytm obliczania obrażeń uwzględniający typ pokemona przeciwnika oraz typ ataku aktywnego pokemona
    • obrażenia są normalne, mało skuteczne lub bardzo skuteczne - w zależności od typu pokemona i typu ataku
  8. Okno z informacjami o przebiegu gry
  9. Gra kończy się, kiedy wszystkie pokemony jednego z graczy będą niezdolne do walki (0 hp)
  10. Komunikat końcowy - kto wygrał, powrót do ekranu startowego
  11. Animacje:
    • ataki - domyślna animacja wspólna dla wszystkich
    • zmiana pokemona
    • zaznaczanie aktywnego gracza
  12. Spójne kolory i czcionki oraz style dla przycisków i interfejsu.
  13. Wybrane pokemony do implementacji (id, nazwa, typy):
    • 1 Bulbasaur - Grass/Poison
    • 4 Charmander - Fire
    • 7 Squirtle - Water
    • 13 Weedle - Bug
    • 16 Pidgey - Normal/Flying
    • 19 Rattata - Normal
    • 25 Pikachu - Electric
    • 27 Sandshrew - Ground
    • 35 Clefairy - Fairy
    • 63 Abra - Psychic
    • 66 Machop - Fighting
    • 73 Geodude - Rock/Ground

Pikachu