Wprowadzenie 2 - Opis środowiska Scratch: Różnice pomiędzy wersjami
(→Kostiumy duszka) |
|||
(Nie pokazano 18 pośrednich wersji utworzonych przez tego samego użytkownika) | |||
Linia 10: | Linia 10: | ||
===Główna strona i menu programu=== | ===Główna strona i menu programu=== | ||
Otwieramy przeglądarkę i wpisujemy w pasku adresu: '''http://scratch.mit.edu'''. <br/> | Otwieramy przeglądarkę i wpisujemy w pasku adresu: '''http://scratch.mit.edu'''. <br/> | ||
+ | |||
+ | <p align="center">[[Plik:instr2_plik1.JPG]]</p> | ||
Pojawia się główna strona programu. Górny, niebieski pasek menu zawiera:<br/> | Pojawia się główna strona programu. Górny, niebieski pasek menu zawiera:<br/> | ||
Linia 27: | Linia 29: | ||
Z lewej strony jest scena, na której duszki wykonują skrypty. Pod nią znajduje się panel duszków. | Z lewej strony jest scena, na której duszki wykonują skrypty. Pod nią znajduje się panel duszków. | ||
Prawą stronę zajmuje panel zasobów, w którym można tworzyć skrypty, kostiumy i dźwięki.<br/> | Prawą stronę zajmuje panel zasobów, w którym można tworzyć skrypty, kostiumy i dźwięki.<br/> | ||
+ | |||
+ | <p align="center">[[Plik:instr2_plik2.JPG]]</p> | ||
+ | |||
'''Menu Scratcha''' składa się z następujących pozycji (opisywanych od lewej strony): <br/> | '''Menu Scratcha''' składa się z następujących pozycji (opisywanych od lewej strony): <br/> | ||
+ | |||
+ | <p align="center">[[Plik:instr2_plik3.JPG]]</p> | ||
+ | |||
'''Napis Scratch''' – przejście do głównej strony Scratcha (startowej). <br/> | '''Napis Scratch''' – przejście do głównej strony Scratcha (startowej). <br/> | ||
'''Globus''' – wybór języka środowiska.<br/> | '''Globus''' – wybór języka środowiska.<br/> | ||
'''Plik''' – zapisywanie i otwieranie projektów:<br/> | '''Plik''' – zapisywanie i otwieranie projektów:<br/> | ||
+ | |||
+ | [[Plik:instr2_plik4.JPG]] | ||
+ | |||
<ul> | <ul> | ||
<li> '''Nowy''' – tworzenie nowego projektu; </li> | <li> '''Nowy''' – tworzenie nowego projektu; </li> | ||
Linia 39: | Linia 50: | ||
<li> '''Pobierz na swój komputer''' – zapisywanie projektu na dysku; </li> | <li> '''Pobierz na swój komputer''' – zapisywanie projektu na dysku; </li> | ||
<li> '''Przywróć''' – wczytywanie otwartej ostatnio wersji projektu (jeśli chcemy odrzucić zmiany w projekcie).</li></ul> | <li> '''Przywróć''' – wczytywanie otwartej ostatnio wersji projektu (jeśli chcemy odrzucić zmiany w projekcie).</li></ul> | ||
+ | |||
+ | |||
Opcje związane z odczytywaniem i zapisywaniem projektów (Zapisz, Zapisz jako, Przejdź do Moich | Opcje związane z odczytywaniem i zapisywaniem projektów (Zapisz, Zapisz jako, Przejdź do Moich | ||
Linia 47: | Linia 60: | ||
<li> '''Układ małej sceny''' – zmniejszenie sceny i powiększenie panelu zasobów (skryptów…),</li> | <li> '''Układ małej sceny''' – zmniejszenie sceny i powiększenie panelu zasobów (skryptów…),</li> | ||
<li> '''Tryb Turbo''' – przyspieszenie działania skryptów.</li></ul> | <li> '''Tryb Turbo''' – przyspieszenie działania skryptów.</li></ul> | ||
+ | |||
+ | <p align="center">[[Plik:instr2_plik5.JPG]]</p> | ||
'''Wskazówki''' – wyświetlenie (wysunięcie z prawej strony) okna pomocy.<br/> | '''Wskazówki''' – wyświetlenie (wysunięcie z prawej strony) okna pomocy.<br/> | ||
<br/> | <br/> | ||
'''Menu obrazkowe''' – wybranie obrazka powoduje przyczepienie do kursora narzędzia, kursorem tym klikamy obiekt, aby wykonać na nim operację:<br/> | '''Menu obrazkowe''' – wybranie obrazka powoduje przyczepienie do kursora narzędzia, kursorem tym klikamy obiekt, aby wykonać na nim operację:<br/> | ||
+ | |||
+ | [[Plik:instr2_plik23.JPG]] | ||
+ | |||
<ul> | <ul> | ||
<li> '''Pieczątka''' – ''Duplikuj'' – powielenie obiektu (duszka, skryptu…),</li> | <li> '''Pieczątka''' – ''Duplikuj'' – powielenie obiektu (duszka, skryptu…),</li> | ||
Linia 60: | Linia 78: | ||
<br/> | <br/> | ||
Po zalogowaniu prawa strona menu zawiera następujące pozycje: <br/> | Po zalogowaniu prawa strona menu zawiera następujące pozycje: <br/> | ||
+ | |||
+ | [[Plik:instr2_plik6.JPG]] | ||
+ | |||
+ | |||
'''Napis Zapisano''' – oznacza, że aktualny stan projektu jest zapisany na | '''Napis Zapisano''' – oznacza, że aktualny stan projektu jest zapisany na | ||
stronie, <br/> | stronie, <br/> | ||
Linia 72: | Linia 94: | ||
Dwa dodatkowe przyciski pod menu powodują:<br/> | Dwa dodatkowe przyciski pod menu powodują:<br/> | ||
+ | |||
+ | [[Plik:instr2_plik7.JPG]] | ||
<ul> | <ul> | ||
<li> '''Udostępnij''' – przejście do strony opisowej projektu z jednoczesnym zapisem projektu i jego | <li> '''Udostępnij''' – przejście do strony opisowej projektu z jednoczesnym zapisem projektu i jego | ||
Linia 82: | Linia 106: | ||
===Środowisko Scratch 2.0 działające w przeglądarce – scena=== | ===Środowisko Scratch 2.0 działające w przeglądarce – scena=== | ||
Scena jest oknem, w którym wykonywany jest projekt. Na niej duszki realizują skrypty.<br/> | Scena jest oknem, w którym wykonywany jest projekt. Na niej duszki realizują skrypty.<br/> | ||
+ | |||
+ | <p align="center">[[Plik:instr2_plik8.JPG]]</p> | ||
+ | |||
+ | |||
===Środowisko Scratch 2.0 działające w przeglądarce – panel duszków=== | ===Środowisko Scratch 2.0 działające w przeglądarce – panel duszków=== | ||
W panelu duszków są informacje na temat wszystkich umieszczonych w projekcie duszków. | W panelu duszków są informacje na temat wszystkich umieszczonych w projekcie duszków. | ||
Można tu utworzyć nowego duszka. Można też wybrać (kliknąć) scenę i ustawić jej tło. <br/> | Można tu utworzyć nowego duszka. Można też wybrać (kliknąć) scenę i ustawić jej tło. <br/> | ||
+ | |||
+ | <p align="center">[[Plik:instr2_plik9.JPG]]</p> | ||
+ | |||
Po kliknięciu niebieskiego kółka z literą „i” w lewym górnym rogu obrazu duszka widzimy informację | Po kliknięciu niebieskiego kółka z literą „i” w lewym górnym rogu obrazu duszka widzimy informację | ||
o własnościach duszka:<br/> | o własnościach duszka:<br/> | ||
Linia 103: | Linia 134: | ||
Ta część środowiska pokazuje zasoby wybranego obiektu – duszka lub sceny. Zasoby to: skrypty, | Ta część środowiska pokazuje zasoby wybranego obiektu – duszka lub sceny. Zasoby to: skrypty, | ||
kostiumy i dźwięki. Wybieramy je przez kliknięcie odpowiedniej karty.<br/> | kostiumy i dźwięki. Wybieramy je przez kliknięcie odpowiedniej karty.<br/> | ||
− | + | ===Skrypty duszka=== | |
W nowej wersji Scratcha (2.0) jest 10 grup bloków, z których układamy skrypty duszka. Każdy duszek | W nowej wersji Scratcha (2.0) jest 10 grup bloków, z których układamy skrypty duszka. Każdy duszek | ||
może mieć inne skrypty.<br/> | może mieć inne skrypty.<br/> | ||
Linia 112: | Linia 143: | ||
Część bloków ma okienka, które można wypełniać (liczbami, tekstem lub przez wybór wartości).<br/> | Część bloków ma okienka, które można wypełniać (liczbami, tekstem lub przez wybór wartości).<br/> | ||
− | ====Kostiumy duszka | + | <p align="center">[[Plik:instr2_plik10.JPG]]</p> |
+ | |||
+ | ===Kostiumy duszka=== | ||
Po wybraniu karty '''kostium1''' możemy zmieniać kostiumy, czyli obrazki duszka. W zasobniku znajdują | Po wybraniu karty '''kostium1''' możemy zmieniać kostiumy, czyli obrazki duszka. W zasobniku znajdują | ||
się wszystkie kostiumy duszka. Panel po prawej stronie to tym razem edytor graficzny, w którym | się wszystkie kostiumy duszka. Panel po prawej stronie to tym razem edytor graficzny, w którym | ||
Linia 122: | Linia 155: | ||
się w prawym górnym rogu obrazka.<br/> | się w prawym górnym rogu obrazka.<br/> | ||
+ | <p align="center">[[Plik:instr2_plik11.JPG]]</p> | ||
− | + | ===Dźwięki duszka=== | |
Po wybraniu karty '''Dźwięki''' możemy zmieniać i dodawać dźwięki dla duszka. Mamy możliwość | Po wybraniu karty '''Dźwięki''' możemy zmieniać i dodawać dźwięki dla duszka. Mamy możliwość | ||
dodawania nowych dźwięków oraz ich obróbki. <br/> | dodawania nowych dźwięków oraz ich obróbki. <br/> | ||
− | ====Wszystkie bloki Scratcha==== | + | <p align="center">[[Plik:instr2_plik12.JPG]]</p> |
+ | |||
+ | ===Wszystkie bloki Scratcha=== | ||
+ | |||
+ | <p align="center">[[Plik:instr2_plik13.JPG]]</p> | ||
+ | <p align="center">[[Plik:instr2_plik14.JPG]]</p> | ||
+ | <p align="center">[[Plik:instr2_plik15.JPG]]</p> | ||
+ | <p align="center">[[Plik:instr2_plik16.JPG]]</p> | ||
+ | <p align="center">[[Plik:instr2_plik17.JPG]]</p> | ||
+ | <p align="center">[[Plik:instr2_plik18.JPG]]</p> | ||
+ | <p align="center">[[Plik:instr2_plik19.JPG]]</p> | ||
+ | <p align="center">[[Plik:instr2_plik20.JPG]]</p> | ||
+ | <p align="center">[[Plik:instr2_plik21.JPG]]</p> | ||
+ | <p align="center">[[Plik:instr2_plik22.JPG]]</p> |
Aktualna wersja na dzień 21:22, 7 lip 2015
Materiały stworzone przez Ośrodek Edukacji Informatycznej i Zastosowań Komputerów w Warszawie w ramach Programu „Mistrzowie Kodowania” finansowanego przez Samsung Electronics Polska, objęte licencją CC-BY-SA „Uznanie autorstwa – Na tych samych warunkach 3.0 Polska”
Spis treści
- 1 Opis środowiska Scratch
- 1.1 Główna strona i menu programu
- 1.2 Środowisko Scratch 2.0 działające w przeglądarce – główne menu
- 1.3 Środowisko Scratch 2.0 działające w przeglądarce – scena
- 1.4 Środowisko Scratch 2.0 działające w przeglądarce – panel duszków
- 1.5 Środowisko Scratch 2.0 działające w przeglądarce – panel zasobów
- 1.6 Skrypty duszka
- 1.7 Kostiumy duszka
- 1.8 Dźwięki duszka
- 1.9 Wszystkie bloki Scratcha
Opis środowiska Scratch
Środowisko Scratch służy do tworzenia interaktywnych historii, gier, animacji i obrazków za pomocą skryptów układanych z gotowych bloków. Od roku 2013 ma ono nową wersję – Scratch2.0, w której można pracować na stronie http://scratch.mit.edu. Nie jest konieczne instalowanie programu, za to potrzebny jest dostęp do internetu.
Od września 2013 roku jest również dostępna wersja off-line, czyli działająca na komputerze użytkownika, bez konieczności połączenia z siecią. Obie wersje są bardzo podobne. Szczegółowo opisano wersję internetową. Opis wykonano we wrześniu 2013 r. i należy brać pod uwagę możliwość zmian i udoskonaleń.
Otwieramy przeglądarkę i wpisujemy w pasku adresu: http://scratch.mit.edu.
Pojawia się główna strona programu. Górny, niebieski pasek menu zawiera:
- Scratch – przejście do głównej strony (na której akurat jesteśmy);
- Stwórz – przejście do edytora projektów;
- Przeglądaj – przejście do zestawów projektów przygotowanych przez użytkowników Scratcha;
- Rozmawiaj – przejście do strony zawierającej fora dyskusyjne użytkowników Scratch’a;
- Pomoc – przejście do licznych materiałów pomocniczych w języku angielskim oraz informacji na temat najnowszych wersji programu;
- Okno wyszukiwania – umożliwiające wyszukiwanie projektów, użytkowników oraz studiów;
- Join Scratch – przejście do tworzenia nowego konta użytkownika programu;
- Zaloguj się – otwierające okienko logowania (dla użytkowników, którzy już mają konto).
Po kliknięciu przycisku Stwórz na głównej stronie Scratch’a otwiera się okno tworzenia projektu.
Okno projektu składa się z kilku elementów. Szary pasek na górze zawiera menu.
Z lewej strony jest scena, na której duszki wykonują skrypty. Pod nią znajduje się panel duszków.
Prawą stronę zajmuje panel zasobów, w którym można tworzyć skrypty, kostiumy i dźwięki.
Menu Scratcha składa się z następujących pozycji (opisywanych od lewej strony):
Napis Scratch – przejście do głównej strony Scratcha (startowej).
Globus – wybór języka środowiska.
Plik – zapisywanie i otwieranie projektów:
- Nowy – tworzenie nowego projektu;
- Zapisz teraz – zapisywanie na stronie (zapis odbywa się również automatycznie co pewien czas;
- Zapisz jako kopię – zapisywanie na stronie pod nową nazwą;
- Przejdź do Moich rzeczy – otwieranie listy projektów użytkownika;
- Wgraj ze swojego komputera – otwieranie projektu z dysku;
- Pobierz na swój komputer – zapisywanie projektu na dysku;
- Przywróć – wczytywanie otwartej ostatnio wersji projektu (jeśli chcemy odrzucić zmiany w projekcie).
Opcje związane z odczytywaniem i zapisywaniem projektów (Zapisz, Zapisz jako, Przejdź do Moich
rzeczy) są dostępne tylko po zalogowaniu.
Edytuj – umożliwia:
- usuń – usuwanie obiektów,
- Układ małej sceny – zmniejszenie sceny i powiększenie panelu zasobów (skryptów…),
- Tryb Turbo – przyspieszenie działania skryptów.
Wskazówki – wyświetlenie (wysunięcie z prawej strony) okna pomocy.
Menu obrazkowe – wybranie obrazka powoduje przyczepienie do kursora narzędzia, kursorem tym klikamy obiekt, aby wykonać na nim operację:
- Pieczątka – Duplikuj – powielenie obiektu (duszka, skryptu…),
- Nożyczki – Usuń – usunięcie obiektu,
- Strzałki na zewnątrz – Rośnij – powiększanie obiektu (im więcej kliknięć obiektu, tym większy skutek),
- Strzałki do wewnątrz – Zmniejsz – zmniejszanie obiektu,
- Znak zapytania – Pomoc na temat bloku – po kliknięciu obiektu otwiera się okno pomocy na temat obiektu (nie tylko bloku).
Po zalogowaniu prawa strona menu zawiera następujące pozycje:
Napis Zapisano – oznacza, że aktualny stan projektu jest zapisany na
stronie,
Folder z literą S – powoduje przejście do listy projektów użytkownika
(Moje rzeczy),
Nazwa użytkownika – rozwijane menu umożliwiające:
- Profil – przejście do modyfikacji danych o użytkowniku,
- Moje rzeczy – przejście do listy projektów użytkownika,
- Ustawienia konta – przejście do modyfikacji ustawień konta,
- Wyloguj się – wylogowanie użytkownika (nie zamyka programu).
Dwa dodatkowe przyciski pod menu powodują:
- Udostępnij – przejście do strony opisowej projektu z jednoczesnym zapisem projektu i jego udostępnieniem dla innych użytkowników.
- Zobacz stronę projektu – przejście do strony opisowej projektu, na której można dodać instrukcje (Instructions), jak korzystać z projektu oraz notatki i podziękowania (Notes and Credits).
Jeżeli nie jesteśmy zalogowani, prawa strona menu zawiera tylko opcję Zaloguj się.
Środowisko Scratch 2.0 działające w przeglądarce – scena
Scena jest oknem, w którym wykonywany jest projekt. Na niej duszki realizują skrypty.
Środowisko Scratch 2.0 działające w przeglądarce – panel duszków
W panelu duszków są informacje na temat wszystkich umieszczonych w projekcie duszków.
Można tu utworzyć nowego duszka. Można też wybrać (kliknąć) scenę i ustawić jej tło.
Po kliknięciu niebieskiego kółka z literą „i” w lewym górnym rogu obrazu duszka widzimy informację
o własnościach duszka:
- okno nazwy – można tu zmienić nazwę duszka;
- x, y – aktualne współrzędne duszka na scenie;
- kierunek ruchu duszka (można go zmienić pociągając niebieską kreskę);
- styl obrotów:
- w kółko – czyli dowolny obrót,
- w poziomie – tylko obroty w prawo i w lewo,
- kropka – bez obracania;
- można przeciągać w odtwarzaczu – po zaznaczeniu kwadracika będzie można przeciągać duszka przy zmaksymalizowanej scenie (czyli w odtwarzaczu) ;
- pokaż – po odznaczeniu kwadracika duszek zostanie ukryty (to samo robi blok ukryj).
Środowisko Scratch 2.0 działające w przeglądarce – panel zasobów
Ta część środowiska pokazuje zasoby wybranego obiektu – duszka lub sceny. Zasoby to: skrypty,
kostiumy i dźwięki. Wybieramy je przez kliknięcie odpowiedniej karty.
Skrypty duszka
W nowej wersji Scratcha (2.0) jest 10 grup bloków, z których układamy skrypty duszka. Każdy duszek
może mieć inne skrypty.
Skrypty układamy przeciągając bloki z zasobnika na prawą stronę – do okna skryptów. Blok można
usunąć przeciągając go poza to okno.
Blok można wykonać klikając go zarówno w zasobniku, jak i w oknie skryptów. Wykonywany blok lub
skrypt ma żółtą obwódkę.
Część bloków ma okienka, które można wypełniać (liczbami, tekstem lub przez wybór wartości).
Kostiumy duszka
Po wybraniu karty kostium1 możemy zmieniać kostiumy, czyli obrazki duszka. W zasobniku znajdują
się wszystkie kostiumy duszka. Panel po prawej stronie to tym razem edytor graficzny, w którym
można tworzyć lub zmieniać kostium.
Edytor może działać w dwóch wersjach: wektorowej (Vector mode – tryb wektora) lub bitmapowej
(tryb bitmapy). Ta ostatnia, to edytor w stylu Painta.
Podobnie jak w panelu duszków można tu wybrać nowy kostium. Zostanie on dodany jako kolejny
kostium duszka. Aby usunąć kostium należy wybrać kostium w zasobniku i kliknąć krzyżyk znajdujący
się w prawym górnym rogu obrazka.
Dźwięki duszka
Po wybraniu karty Dźwięki możemy zmieniać i dodawać dźwięki dla duszka. Mamy możliwość
dodawania nowych dźwięków oraz ich obróbki.