Zmiany

Aplikacja do rysowania

Dodane 590 bajtów, 11:10, 7 lis 2014
[[Category:Scenariusze Scratch]] [[Category:Mistrzowie Kodowania]]'''Materiały stworzone przez Fundację Coder Dojo Polska w ramach Programu „Mistrzowie Kodowania” finansowanego przez Samsung Electronics Polska, objęte licencją CC BY 3.0 PL "Creative Commons Uznanie Autorstwa 3.0 Polska".'''
Adres do aplikacji: http://scratch.mit.edu/projects/2543659726090304/<br />aplikacja z samą grafiką: http://scratch.mit.edu/projects/26090551/
== Cel==
# modyfikacja aplikacji- bazy, pozwalającej tworzyć obrazy przy użyciu dostępnych w niej figur geometrycznych.('''wersja łatwiejsza''')
[[Plik:Rys1.png|500px]]
Projekt pozwala tworzyć rysunki z gotowych figur geometrycznych widocznych na niebieskim panelu. Pobieramy je Figurę wybieramy z panelu panela łapiąc za figurę kursorem ją lewym przyciskiem myszyi przeciągamy ją w dowolne miejsce na scenie. Na Gdy zabierzemy jedną figurę, na panelu pojawia się nowa figura do wykorzystania dzięki opcji klonowania. Możemy również Figury umieszczone na scenie możemy modyfikować nasze figury używając skrótów klawiaturowych i kursora myszy: powiększać (strzałka w górę), pomniejszać (strzałka w dół), zmienić kolor (spacja), obracać (strzałka w prawo i w lewo), usuwać (klawisz d).
Kiedy zapoznamy się z mechaniką działania aplikacji, jej modyfikacja nie powinna sprawić nam problemów. Możemy np:
<small>Czas na realizację tej części: ok 30 min</small>
Nowo powstały duszek Dla nowego duszka '''trójkąt musi otrzymać ''' musimy utworzyć skrypt, aby wiedział jaką rolę ma pełnić w projekcie. Jak już zapewne uczniowie zauważyli Prosimy uczniów, aby przyjrzeli się skryptom koła i kwadratu. Uczniowie powinni zauważyć, że koło i kwadrat mają prawie identyczne skrypty oprócz jednego klocka, różnią się tylko jednym klockiem. Zaproponujmy uczniom skopiowanie skryptów z np.: '''kwadratu''' do naszego '''trójkąta'''. To świetny moment dla przećwiczenia umiejętności kopiowania skryptów, będzie ona bardzo przydatna w bardziej zaawansowanych projektach.
Gdy chcemy skopiować skrypt z jednego duszka do drugiego musimy wykonać następujące czynności:
# Ustawiamy kursor na pierwszym od góry klocku w skrypcie, klikamy prawym klawiszem przyciskiem myszy i wybieramy polecenie ''duplikuj'' albo . Pojawi nam się kopia skryptu. Jest jeszcze inna możliwość kopiowania: wybieramy narządzie [[Plik:Narzedzie1.png|duplikuje/kopiuje]] z górnego panela (na poniższym rys. zaznaczono na czerwono)i wskazujemy poprzez kliknięcie lewym przyciskiem myszy, którą część skryptu chcemy skopiowiać.# następnie Gdy pojawiła nam się kopia skryptu, łapiemy lewym przyciskiem myszy skopiowany skrypt, przeciągamy go nad naszego duszka '''trójkąt''' i puszczamy klawisz myszy - na poniższym rys. zaznaczono na niebieskoprzesunięcie skopiowanych fragmentów niebieską strzałką,
# po skopiowaniu wszystkich skryptów upewniamy się, że istnieją już w naszym nowym duszku,
# analizujemy skrypty i modyfikujemy tylko wybrane fragmenty skopiowanego kodu dostosowując go do nowego duszka.
=== wypełnienie kolorem wnętrza figur ===
Jeszcze inną propozycją pracy dla uczniów może być wypełnianie kolorem wnętrza istniejących w aplikacji figur, zamiast tylko ich krawędzi. Wtedy tworzone przez użytkownika obrazy będą od razu pomalowane. Jest to bardzo proste. Zamiast wiaderkiem celować tylko na krawędź figury, farbę wylewany wylewamy również w jej wnętrzu. Dla uzyskania koloru identycznego, jak na krawędzi , posłuży nam narzędzie ''pobierz kolor'' (po prawej stronie palety kolorów). Po takiej modyfikacji oczywiście nie trzeba wprowadzać już żadnych zmian w skryptach. Wykonanie puli 10 kostiumów z kolorami do wyboru, da przyszłemu użytkownikowi naprawdę dużą możliwość kreatywności w tworzeniu.
[[Plik:Rys3.png|600px|wypełnianie kolorem wnętrza figur]]
=== duszek jako element tła ===
Zaczniemy od stworzenia duszka, który będzie elementem tła. Potrzebny nam jest duszek - '''TłoPrzybornika''', na którym będą umieszczone nasze figury. Będzie on nam potrzeby potrzebny również, by sprawdzać, czy duszki - figury, znajdują się na nim, czy może na ekranie przeznaczonym do rysowania. Uczniowie mogą go umiejscowić na scenie w dowolnie wybranym miejscu. Stworzony duszek '''TłoPrzybornika''' nie musi posiadać żadnego kodu. Ważne jest, żeby nie miał zaznaczonej opcji przesuwania w odtwarzaczu (w edycji duszka).
[[Plik:f1.png]]
=== dodawanie nowych duszków: figur ===
Na tym etapie zaczynamy tworzyć wzorce figur dostępnych dla przyszłego użytkownika aplikacji. Zabieramy się za tworzenia nowego duszka. Uczniowie znają już kilka podstawowych figur geometrycznych, np.: kwadrat, koło , prostokąt czy trójkąt. Zaproponujmy na początek, wspólny wybór dwóch spośród wymienionych figur, np.: kwadratu i koła (dają dużo możliwości w dziełach tworzenia dzieł artystycznych). Opis tworzenia duszków i ich kolejnych kostiumów został przedstawiony w dziale '''jak modyfikować.'''
'''Uwaga!''' Prosimy uczniów aby przeszli do pracy w trybie wektorowym.
=== tworzenie kodu dla duszka ===
Po wykonaniu grafiki figur geometrycznych oraz ich kostiumów kolorystycznych , umieszczamy je na '''TlePrzybornika''' i ewentualnie pomniejszamy je, tak , aby całe znajdowały się w obszarze duszka '''TłoPrzybornika'''. Przechodzimy do tworzenia skryptów dla duszków. Zacznijmy od kwadratu. Skrypt koła będzie taki sam, z różnicą jedynie współrzędnych odpowiadających za jego umiejscowienie na '''TlePrzybornika''' (opis w dziale '''jak modyfikować'''). Jeśli zużyjemy jeden kwadrat z '''TłaPrzybornika''' umieszczając go w obszarze rysowania, to w Przyborniku powinien pojawić się nowy kwadrat, abyśmy mogli ponownie wykorzystać tę figurę. W tym celu kwadrat będzie musiał się sklonować. Wykorzystamy do tego następujący kodwykorzystamy opcję '''klonowania''' duszka:
[[Plik:Okno6.png|klonowanie duszka i jego powrót na pozycję startową]].
Ten kod oznacza: ''jeśli nie dotykam już '''TłaPrzybornika''' to sklonuj mnie i zanieś znowu na moje miejsce umieść spowrotem na moim miejscu w przyborniku.''
Teraz przechodzimy do zaprogramowania dodatkowych możliwości naszemu kwadratowi, -klonowi np.: zmiana koloru, pomniejszanie, powiększanie, obroty o kilka stopni, usuwanie niepotrzebnej figury na rysunku, itp. Skrypt zaczynamy klockiem '''kiedy zaczynam jako klon'''
Przykładowy kod wyboru koloru może wyglądać tak:
[[Plik:Okno7.png|klawisz spacja i dotyk kursora myszy powoduje zmianę koloru]]
Oczywiście uczeń może wybrać dowolny klawisz z klawiatury. Ważne znaczenie ma tu klocek [[Plik:Klocek3.png|spowalnia wyświetlanie kolejnych kostiumów ]], bez niego zmiana kolorów byłaby tak szybka, że ludzkie oko by jej nie zauważyło. W sposób analogiczny można zaprogramować pozostałe możliwości dla naszego '''kwadratu'''. W skryptach dla pozostałych możliwości figury , nie ma potrzeby stosowania klocka ''czekaj...''.
Przykład całego skryptu '''kwadratu''':