Spadające jabłka: Różnice pomiędzy wersjami

Z Wiki Mistrzowie Kodowania
Skocz do: nawigacji, wyszukiwania
(Tworzenie pola animacji)
(Część II)
Linia 34: Linia 34:
  
 
[[Plik:Jablka3.png]]
 
[[Plik:Jablka3.png]]
 +
 +
 +
Mamy już ustawione tło, przechodzimy zatem do obiektów, które będą w naszej grze. Aby dodać obiekty, musimy powrócić do ekranu głównego projektu i wówczas klikamy '''+''' na dole strony. Spowoduje to otwarcie okna z czterema możliwościami wczytania postaci:
 +
* rysuj obraz
 +
* Biblioteka
 +
* wybierz obraz
 +
* zrób zdjęcie
 +
Klikamy '''Wybierz obraz''' i ładujemy wcześniej pobraną wektorową grafikę jabłka (np. ze strony pixabay.com. ).
 +
 +
Dodajemy kolejny obiekt - koszyk. Tym razem skorzystamy z gotowego obrazu dostępnego w Bibliotece.
 +
 +
[[Plik:Jablka4.png]]

Wersja z 10:58, 19 maj 2017

Materiały stworzone przez trenerów programu „Mistrzowie Kodowania” finansowanego przez Samsung Electronics Polska, objęte licencją CC BY SA 3.0 PL "Creative Commons Uznanie Autorstwa 3.0 Polska".

Część I

Założenia projektu: Projekt ma zadanie oswoić z pracą w Pocket Code, poznając przy okazji kilka podstawowych bloczków.


Opis projektu: Spadające jabłka to prosta gra zręcznościowa polegająca na zbieraniu jabłek do koszyka. Każde zebrane jabłko to punkt dla gracza, natomiast każde niezłapane jabłko to minus jeden punkt. Projekt wykorzystuje nachylenie urządzenia do sterowania koszykiem, pokazuje jak ustawić pozycję losową jabłka oraz jak zaprogramować zmienną punkty.

Część II

Po uruchomieniu aplikacji Pocket Code wybieramy Nowy. Nazywamy nasz projekt Spadające jabłka, zostawiając zaznaczenie Utwórz pusty program, zmiany zatwierdzamy, naciskając OK. Pojawia się nam okno wyboru orientacji ekranu - w tym przypadku zaznaczamy pozioma.

Tworzenie pola animacji

Po kliknięciu Tło, wybieramy zakładkę Tła, klikamy + na dole ekranu i mamy cztery warianty dodania tła. W tym projekcie skorzystamy z możliwości narysowania tła w aplikacji Pocket Paint, czyli klikamy Rysuj obraz. Na dole ekranu dostępne są 3 ikony do wyboru: Ustawienia narzędzi, Wybór koloru, Narzędzia.

Jablka1.png


Z narzędzi wybieramy Resize image i dopasowujemy wielkość obszaru roboczego tak jak pokazuje rysunek poniżej.

Jablka2.png


Po przygotowaniu kanwy naszego tła z palety narzędzi wybieramy pędzel, ustawiamy kolor i rysujemy drzewo, z którego będą spadać tytułowe jabłka. Gdy rysunek jest gotowy, wracamy do Pocket Code (klikając ikonę kieszeni w lewym górnym rogu) pojawia się wówczas okno z pytaniem Zapisać zmiany?, klikamy Zapisz i tło gotowe. Aby sprawdzić jak wygląda nasze tło, klikamy ▷ na dole ekranu.

UWAGA! Jeśli załadowana grafika nie wypełnia nam całego ekranu, możemy ją powiększyć, układając następujący skrypt:

Jablka3.png


Mamy już ustawione tło, przechodzimy zatem do obiektów, które będą w naszej grze. Aby dodać obiekty, musimy powrócić do ekranu głównego projektu i wówczas klikamy + na dole strony. Spowoduje to otwarcie okna z czterema możliwościami wczytania postaci:

  • rysuj obraz
  • Biblioteka
  • wybierz obraz
  • zrób zdjęcie

Klikamy Wybierz obraz i ładujemy wcześniej pobraną wektorową grafikę jabłka (np. ze strony pixabay.com. ).

Dodajemy kolejny obiekt - koszyk. Tym razem skorzystamy z gotowego obrazu dostępnego w Bibliotece.

Jablka4.png