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

Z Wiki Mistrzowie Kodowania
Skocz do: nawigacji, wyszukiwania
(Kostiumy duszka)
 
(Nie pokazano 33 pośrednich wersji utworzonych przez tego samego użytkownika)
Linia 5: Linia 5:
  
 
==Opis środowiska Scratch==
 
==Opis środowiska Scratch==
Środowisko Scratch służy do tworzenia interaktywnych historii, gier, animacji i obrazków za pomocą
+
Ś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. <br/>
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ń. <br/>
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'''. <br/>
 +
 
 +
<p align="center">[[Plik:instr2_plik1.JPG]]</p>
 +
 
 +
Pojawia się główna strona programu. Górny, niebieski pasek menu zawiera:<br/>
 +
<ul>
 +
<li> '''Scratch''' – przejście do głównej strony (na której akurat jesteśmy); </li>
 +
<li> '''Stwórz''' – przejście do edytora projektów;</li>
 +
<li> '''Przeglądaj''' – przejście do zestawów projektów przygotowanych przez użytkowników Scratcha;</li>
 +
<li> '''Rozmawiaj''' – przejście do strony zawierającej fora dyskusyjne użytkowników Scratch’a; </li>
 +
<li> '''Pomoc''' – przejście do licznych materiałów pomocniczych w języku angielskim oraz informacji na temat najnowszych wersji programu; </li>
 +
<li> '''Okno wyszukiwania''' – umożliwiające wyszukiwanie projektów, użytkowników oraz studiów; </li>
 +
<li> '''Join Scratch''' – przejście do tworzenia nowego konta użytkownika programu; </li>
 +
<li> '''Zaloguj się''' – otwierające okienko logowania (dla użytkowników, którzy już mają konto).</li></ul>
 +
 
 +
===Ś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.<br/>
 +
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/>
 +
 
 +
<p align="center">[[Plik:instr2_plik2.JPG]]</p>
 +
 
 +
'''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/>
 +
'''Globus''' – wybór języka środowiska.<br/>
 +
'''Plik''' – zapisywanie i otwieranie projektów:<br/>
 +
 
 +
[[Plik:instr2_plik4.JPG]]
 +
 
 +
<ul>
 +
<li> '''Nowy''' – tworzenie nowego projektu; </li>
 +
<li> '''Zapisz teraz''' – zapisywanie na stronie (zapis odbywa się również automatycznie co pewien czas; </li>
 +
<li> '''Zapisz jako kopię''' – zapisywanie na stronie pod nową nazwą; </li>
 +
<li> '''Przejdź do Moich rzeczy''' – otwieranie listy projektów użytkownika; </li>
 +
<li> '''Wgraj ze swojego komputera''' – otwieranie projektu z 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>
 +
 
 +
 
 +
 
 +
Opcje związane z odczytywaniem i zapisywaniem projektów (Zapisz, Zapisz jako, Przejdź do Moich
 +
rzeczy) są dostępne tylko po zalogowaniu. <br/>
 +
'''Edytuj''' – umożliwia: <br/>
 +
<ul>
 +
<li> '''usuń''' – usuwanie obiektó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>
 +
 
 +
<p align="center">[[Plik:instr2_plik5.JPG]]</p>
 +
 
 +
'''Wskazówki''' – wyświetlenie (wysunięcie z prawej strony) okna pomocy.<br/>
 +
<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>
 +
<li> '''Pieczątka''' – ''Duplikuj'' – powielenie obiektu (duszka, skryptu…),</li>
 +
<li> '''Nożyczki''' – ''Usuń'' – usunięcie obiektu, </li>
 +
<li> '''Strzałki na zewnątrz''' – ''Rośnij'' – powiększanie obiektu (im więcej kliknięć obiektu, tym większy skutek), </li>
 +
<li> '''Strzałki do wewnątrz''' – ''Zmniejsz'' – zmniejszanie obiektu,</li>
 +
<li> '''Znak zapytania''' – ''Pomoc na temat bloku'' – po kliknięciu obiektu otwiera się okno pomocy na
 +
temat obiektu (nie tylko bloku).</li></ul>
 +
<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
 +
stronie, <br/>
 +
'''Folder z literą S''' – powoduje przejście do listy projektów użytkownika
 +
(Moje rzeczy),<br/>
 +
'''Nazwa użytkownika''' – rozwijane menu umożliwiające:<br/>
 +
<ul>
 +
<li> '''Profil''' – przejście do modyfikacji danych o użytkowniku,</li>
 +
<li> '''Moje rzeczy''' – przejście do listy projektów użytkownika,</li>
 +
<li> '''Ustawienia konta''' – przejście do modyfikacji ustawień konta,</li>
 +
<li> '''Wyloguj się''' – wylogowanie użytkownika (nie zamyka programu).</li></ul>
 +
 
 +
Dwa dodatkowe przyciski pod menu powodują:<br/>
 +
 
 +
[[Plik:instr2_plik7.JPG]]
 +
<ul>
 +
<li> '''Udostępnij''' – przejście do strony opisowej projektu z jednoczesnym zapisem projektu i jego
 +
udostępnieniem dla innych użytkowników. </li>
 +
<li> '''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).</li></ul>
 +
Jeżeli nie jesteśmy zalogowani, prawa strona menu zawiera tylko opcję '''Zaloguj się'''.<br/>
 +
 
 +
===Ś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/>
 +
 
 +
<p align="center">[[Plik:instr2_plik8.JPG]]</p>
 +
 
 +
 
 +
===Ś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. <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ę
 +
o własnościach duszka:<br/>
 +
<ul>
 +
<li> '''okno nazwy''' – można tu zmienić nazwę duszka;</li>
 +
<li> '''x, y''' – aktualne współrzędne duszka na scenie; </li>
 +
<li> '''kierunek ruchu duszka''' (można go zmienić pociągając niebieską kreskę); </li>
 +
<li> '''styl obrotów:'''</li>
 +
<ul>
 +
<li> w kółko – czyli dowolny obrót,</li>
 +
<li> w poziomie – tylko obroty w prawo i w lewo,</li>
 +
<li> kropka – bez obracania; </li></ul>
 +
<li> '''można przeciągać w odtwarzaczu''' – po zaznaczeniu kwadracika będzie można przeciągać
 +
duszka przy zmaksymalizowanej scenie (czyli w odtwarzaczu) ;</li>
 +
<li> '''pokaż''' – po odznaczeniu kwadracika duszek zostanie ukryty (to samo robi blok ukryj).</li></ul>
 +
 
 +
===Ś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.<br/>
 +
===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.<br/>
 +
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. <br/>
 +
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ę.<br/>
 +
Część bloków ma okienka, które można wypełniać (liczbami, tekstem lub przez wybór wartości).<br/>
 +
 
 +
<p align="center">[[Plik:instr2_plik10.JPG]]</p>
 +
 
 +
===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.<br/>
 +
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. <br/>
 +
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.<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ść
 +
dodawania nowych dźwięków oraz ich obróbki. <br/>
 +
 
 +
<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