Wprowadzenie 2 - Opis środowiska Scratch: Różnice pomiędzy wersjami

Z Wiki Mistrzowie Kodowania
Skocz do: nawigacji, wyszukiwania
(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====
+
===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====
+
===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

Logo Mistrzowie.png

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”



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ń.

Główna strona i menu programu

Otwieramy przeglądarkę i wpisujemy w pasku adresu: http://scratch.mit.edu.

Instr2 plik1.JPG

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).

Środowisko Scratch 2.0 działające w przeglądarce – główne menu

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.

Instr2 plik2.JPG

Menu Scratcha składa się z następujących pozycji (opisywanych od lewej strony):

Instr2 plik3.JPG

Napis Scratch – przejście do głównej strony Scratcha (startowej).
Globus – wybór języka środowiska.
Plik – zapisywanie i otwieranie projektów:

Instr2 plik4.JPG

  • 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.

Instr2 plik5.JPG

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ę:

Instr2 plik23.JPG

  • PieczątkaDuplikuj – powielenie obiektu (duszka, skryptu…),
  • NożyczkiUsuń – usunięcie obiektu,
  • Strzałki na zewnątrzRośnij – powiększanie obiektu (im więcej kliknięć obiektu, tym większy skutek),
  • Strzałki do wewnątrzZmniejsz – zmniejszanie obiektu,
  • Znak zapytaniaPomoc 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:

Instr2 plik6.JPG


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ą:

Instr2 plik7.JPG

  • 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.

Instr2 plik8.JPG


Ś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.

Instr2 plik9.JPG

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).

Instr2 plik10.JPG

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.

Instr2 plik11.JPG

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.

Instr2 plik12.JPG

Wszystkie bloki Scratcha

Instr2 plik13.JPG

Instr2 plik14.JPG

Instr2 plik15.JPG

Instr2 plik16.JPG

Instr2 plik17.JPG

Instr2 plik18.JPG

Instr2 plik19.JPG

Instr2 plik20.JPG

Instr2 plik21.JPG

Instr2 plik22.JPG