Tekst źródłowy strony Generator wielokątów

== Cele ==
Celem jest stworzenie generatora wielokątów, umożliwiającego rysowanie wielokąty o zadanych przez użytkownika parametrach - liczbie boków i długości boku, jednocześnie wprowadzona zostanie procedura w języku Scratch tworzenia własnych klocków (opcja [[Więcej bloków]]) i projektowanie interfejsu użytkownika.

=== Cele ogólne ===
...

=== Cele szczegółowe ===
...

=== Podstawa programowa ===
...

==Informacje==
 
© Oparto o pomysł Wiesławy Bednarkiej [https://www.dropbox.com/sh/65n404j8p7pd6ox/AACqat9v9wfGvBnHmf9QD2uMa "Miara kątów wielokąta i kąty foremne"], licencja: [http://creativecommons.org/licenses/by-sa/3.0/ CC-BY-SA 3.0 Deed]

'''Założenia projektu:'''
* Aplikacja ma umożliwiać rysowanie dowolnych wielokątów - od trójkąta aż po wielokąt o tysiącu boków
* Aplikacja ma umożliwiać regulowanie długości boku wielokąta, tak, żeby uzyskać wielokąt mały lub duży

==Etapy==
===Duszek ''Rysownik''===
Domyślnie w programie Scratch pojawia się na scenie duszek kota, jeśli nie będzie wykorzystywany należy go usunąć korzystając z opcji [[usunięcie istniejącej postaci]]. Tworzymy duszka ''Rysownik'' reprezentowanego przez małą kropkę, którą uzyskujemy poprzez maksymalne powiększenie pola edytora graficznego oraz zaznaczenie kropki w samym centrum pola:

[[Plik:Wielokaty kropka.png]]

===Skrypt duszka ''Rysownik''===
Generator wielokątów ma umożliwić tworzenie figur zgodnie z uniwersalną zasadą: '''duszek ma obrócić się o liczbę stopni według wzoru 360 stopni / liczba boków,''' czyli np. w przypadku trójkąta o 120, w przypadku kwadratu o 90, pięcioboku o 72 itd. Aby tworzenie figur było widoczne wykorzystujemy klocki bloku [[Pisak]].
Aby przetestować założenia programujemy prosty skrypt dla trójkąta:

[[Plik:Wielokaty skrypt trojkat.png]]

Po sprawdzeniu czy program działa, przechodzimy do rozwinięcia skryptu o opcję rysowania różnych figur. W tym celu wykorzystujemy klocki z bloku [[Zmienne]]. Tworzymy zmienne lokalne w duszku "Rysownik" dla liczby boków "boki" oraz długości boku "dlugosc", są to wartości modyfikowane przez użytkownika. 

Zmiany zmiennych można wprowadzić na dwa sposoby:
1: Duszek''Rrysownik'' zapyta o wartości tych zmiennych i potem wykona ryunek:

[[Plik:Wielokaty skrypt 1.png]]

2: Poprzez uzycie suwaków dla zmiennych oraz stworzyć duszka "start", po którego kliknięciu rozpocznie się rysowanie. W dalszej części proponowanego projektu realizowany będzie drugi sposób:
W bloku [[Dane]] zaznaczamy stworzone zmienne:

[[Plik:Wielokaty skrypt 2.png]]

Następnie klikamy na element zmienne znajdujący się w oknie [[scena]] programu prawym klawiszem myszy (PPM) i wybieramy "ustaw min i max suwaka":

[[Plik:Wielokaty skrypt 3.png]]

Ustawiamy rozsądne wartości, np.: boki od 3 do 20, długość boku od 2 do 50. 

=== "Interfejs użytkownika"===
Interfejs użytkownika tworzymy poprzez modyfikację tła, np.:

[[Plik:Wielokaty skrypt 4.png]]

==== Przycisk "Rysuj" ====
Dodajemy przycisk uruchamiający rysowanie

[[Plik:Wielokaty rysuj.png]]

Oraz tworzymy prosty skrypt, nadający sygnał "rysuj" kiedy przycisk zostanie wciśnięty.

[[Plik:Wielokaty rysuj1.png]]

'''Zadanie:''' 
Dlaczego użycie wersji "nadaj rysuj" jest gorszym rozwiązaniem od "nadaj "rysuj" i czekaj"?
<small>''Możliwość zakłócenia trwającą procedurę rysownika''</small>

==== Modyfikacja skryptu ''Rysownik''====
Na tym etapie konieczne jest zaktualizowanie dotychczasowego skryptu duszka ''Rysownik''. Tak, aby reagował na komunikat "Rysuj", a nie [[Plik:Kiedy kliknieto ZF.png]] która ma tylko przygotować ''Rysownika'' do działania:

[[Plik:Wielokaty rysuj2.png]]

=== Tworzenie własnej procedury ''[[Więcej Bloków]]''===
Procedura rysowania wielokąta jest dobrym momentem do wprowadzenia "własnych klocków" czy "procedur". W tym celu korzystamy z opcji [[Więcej Bloków]]:

[[Plik:Procedura.png]]

Zaznaczamy ''stwórz blok'':

[[Plik:Procedura2.png]]

Nadajemy nazwę, np.: ''rysuj_wielobok'' a w opcjach dodatkowych dodajemy do procedury dwa miejsca na własne parametry liczbowe (tam trafią zmienne informujące o liczbie boków i długości boków). Zatwierdzamy nowy blok, będący początkiem procedury:

[[Plik:Procedura3.png]]

Do bloku rozpoczynającego procedurę dodajemy kolejne etapy rysowania wieloboku w oparciu o zmienne. 
'''Uwaga:''' procedura nie reaguje na zmienne zewnętrzne (pomarańczowe owale w Scratch), a jedynie swoje własne parametry (niebieskie owale). W procedurze wykorzystywane są parametry wasne. 

[[Plik:Procedura4.png]]

Kolejnym etapem jest wywołanie całej procedury ''rysuj wielobok'' po otrzymaniu komunikatu ''Rysuj'':

[[Plik:Procedura5.png]]

===Opcje dodatkowe===
====Kolorowe figury====
Dodanie jednego klocka do zdefiniowanej procedury ''rysuj_wielobok'', umożliwia wprowadzenie zmmian kolorów rysowanych figur.

* Aby cała figura została narysowana tęczowymi kolorami:

[[Plik:Wielokaty kolorowe figury.png]]

* Aby każda figura miala losowo wybrany kolor:

[[Plik:Wielokaty kolorowe figury1.png]]

====Efekt wciśnięcia przycisku ''Rysuj''====
Aby uatrakcyjnić graficznie grę, można dodać efekt "wciśnięcia" przycisku ''Rysuj''. Wiąże się to z koniecznością dodania kostiumu guzika "wciśniętego":

[[Plik:Przycisk rysuj.png]]

A następnie modyfikację skryptu duszka ''Rysuj''

[[Plik:Rysuj.png]]

<small>'''Uwaga:'''
W trybie edycji, kod może sprawiać wrażenie, że nie działa, ponieważ przytrzymanie guzika powoduje, że Scratch umożliwia nam jego przesuwanie zamiast uruchomienia skryptu. Aby sprawdzić działanie animacji należy uruchomić aplikację na całym ekranie i wcisnąć zieloną flagę.</small>

====Rozety====
Interesujący efekt można uzyskać rysując tyle figur, ile jest boków (np. 3x trójkąt, 4x kwadrat, 5x pięciokąt itd..), przy założeniu, że każda kolejna figura będzie rysowana z przesunięciem. Wzór taki nazywał się będzie rozetą. 

'''Zadanie:''' O ile stopni przesunięte powinny być figury, żeby rozłożyły się równomiernie na planie okręgu?
<small>Jest to ta sama liczba stopni, która służyła do obrotu przy rysowaniu figury, czyli np. trójkąty powinny być przesunięte o 180 stopni, a pięciokąty o 72 stopnie.</small> 

=====Duszek ''Rozeta''=====
Tworzymy grafikę duszka ''Rozeta'', posiadającą dwa kostiumy:

[[Plik:Rozeta.png]]

=====Skrypt duszka ''Rozeta''=====
Skrypt duszka ''Rozeta'' ma umożliwić zmianę wyglądu przycisku oraz zmianę trybu włączony/wyłączony, w uzależnieniu od zaznaczenia opcji przez gracza.

[[Plik:Rozeta1.png]]

=====Modyfikacja skryptu duszka ''Rysownik''=====
Wprowadzenie opcji rysowania rozety wymaga kolejnej modyfikacji w skrypcie duszka Rysownik. Dotychczasowy skrypt należy uzupełnić o algorytm umożliwiający uzyskanie efektu rysowania tylu figur, ile jest boków. 
Niezależny skrypt rysowania rozety może wyglądać w następujący sposób:

[[Plik:Rozeta2.png]]

Wprowadzamy modyfikację dotychczasowego skryptu duszka ''Rysownik'' o skrypt rysowania rozety uzyskując finalny skrypt:

[[Plik:Rozeta finalny.png]]

Jednocześnie zmodyfikowany został punkt startowy rysowania:

[[Plik:Polozenie rysowania.png]]

=====Dodatki=====
Można dodać regulację liczby elementów w rozecie - to nie musi być zawsze tyle ile liczba boków - można wyobrazić sobie np. 20 trójkątów rozłożonych równomiernie na planie okręgu.
Dobrze dodać na scenie również informację o tym, że "flaga" czyści ekran.
Ciekawe efekty daje łączenie wielu figur na jednym ekranie.