7.83M
Category: programmingprogramming

Основы среды программирования Scratch. Модуль №1

1.

Модуль №1
"Основы среды
программирования
Scratch"

2.

Заходим в Scratch

3.

Интерфейс
Палитры
Зеленый флажок
Блоки
Фон
Меню
спрайтов
Спрайт

4.

Сцена – это фон проекта, там где
происходит все действие.
Она может иметь:
1. Скрипты
2. Фоны
3. Звуки

5.

Никто из спрайтов не может
функционировать без сцены
– она всегда находится на
фоне спрайтов. Даже белый
стандартный фон является
сценой.

6.

Сцена
● Не может использовать блоки рисования, за
исключением блока очистить
● Не может использовать блоки движения
● Не имеет блоков изменения размеров
● Не имеет блоков, определяющих прикосновения и
расстояния в сенсорных блоках
● Не умеет «разговаривать»
● Использует фоны, а не костюмы
● Не имеет блоков Показаться и Скрыться
● Не может менять слой.
● Прозрачность — это белый цвет

7.

Сцена Имеет размеры 480×360.
При загрузки фона из сети интернет нужно
помнить об этом.
480x360
600x375

8.

Перейти в
фоны
Случайный фон из
библиотеки
Выбрать фон
из библиотеки
Загрузить
фон с пк
Нарисовать
фон

9.

Инструменты
для рисования
Список всех
фонов
Переход между
векторной/растровой
графикой

10.

У сцены есть центр. Он
находится в точке X=0, Y=0.
Ширина сцены 480.
Высота 360.
Это легко проверить, если из
базовых фонов выбрать
координатную плоскость.

11.

Спрайты, созданные
пользователями, загруженные
или найденные в библиотеке
спрайтов, являются
объектами, которые
выполняют действия в
проекте. Во многих проектах,
есть как минимум один спрайт,
которые в отличие от сцены
могут передвигаться на экране
проекта.

12.

Свойства
спрайта
Нарисовать
случайный
спрайт
Выбрать
спрайт из
списка
Свойства
спрайта
Нарисовать
спрайт

13.

Имя спрайта
Видимость
спрайта
Расположение
по оси X
Размер
спрайта в %
Расположение
по оси Y
Направление,
куда смотрит
спрайт

14.

Формат JPEG
Формат PNG
При загрузке
спрайта
формат
изображения
должен быть
PNG

15.

Спрайт – объект.
Костюм – как выглядит объект.
У каждого спрайта
есть костюм.У
большинства
базовых спрайтов
есть несколько
костюмов.

16.

Изменение
формы
Выбрать
Стерка
Кисть
Текст
Заливка
Линия
Круг
Прямоугольник

17.

Куда смотрит
спрайт
Установить
направление
вращения
“влево-вправо”
Установить
направление
вращения
“Кругом”
Убрать
вращение

18.

Палитра блоков
Блоки, отвечающие за движение спрайта.
Блоки, отвечающие за то, как выглидит спрайт, что говорит и т.д.
Блоки, отвечающие звуковое сопровождение проекта.
Блоки, которые запускают скрипты при каком-то событии
Блоки, отвечающие за циклы, ветвления, клонов.
Блоки, отвечающие за условия.
Математические и логические блоки.
Блоки, отвечающие за переменные.
Блоки, с помощью которых скрипт можно превратить в блок
Добавление других блоков в палитру

19.

Добавление других блоков в палитру
Добавим блоки
“Перо”

20.

При
добавлении, в
палитре
появляются
новые блоки

21.

Блок – это частица пазла,
используемая для создания
кода в Скретч. Блоки
крепятся друг к другу с
помощью специальных
выступов. Они делятся на 6
категорий

22.

Шапка
Именно с шапки начинается любой скрипт. Блок
шапка — это некое событие (например щелчок по
зелёному флагу), которое вызвано взаимодействием
пользователя с программой. Они скруглены сверху и
имеют выступ снизу для прикрепления других
блоков. Существуют 7 блоков шапок, 6 из которых в
категории события, 1 в категории управления.

23.

Обычные блоки
Обычные блоки – это блоки команд. Они
прикрепляются сверху выступом и
прикрепляют снизу выступом вовнутрь, то
есть остальные блоки могут быть помещены
как сверху, так и снизу обычных блоков.
Всего насчитывают 71 такой блок – это
самая большая категория блоков.

24.

Репортёры
Блоки репортёры дают какие-либо значения. Они могут
быть как числами, так и строками. Например, спроси
друга: "Сколько будет 2 + 2?". Он ответит "4". Твой друг
станет этаким репортёром. Кстати, репортёрами могут
быть и переменные. Форма репортёров – закруглённые
прямоугольники. Всего насчитывают 30 таких блоков, не
считая репортёров переменных и списков.

25.

Обвивающие блоки
Обвивающие блоки – это блоки
повторения или блоки условий. Их
насчитывают всего 5 и их можно найти во
вкладке "Управление". Имеют выступ
вовнутрь сверху и простой выступ внутри
и снаружи

26.

Закрывающие блоки
Закрывающие блоки заканчивают скрипт
или все процессы. Имеют выступ
вовнутрь сверху и не могут иметь
прикрепленных блоков снизу. Всего
существует 2 закрывающих блока, и оба
находятся во вкладке "Контроль".

27.

Спрайт идет в ту
сторону, в
которую смотрит
Спрайт поворачивается на 15
градусов по часовой стрелке
относительно того направления, в
которое смотрел
Вы можете
запускать блоки
просто нажав на них
ЛКМ
Спрайт поворачивается на 15
градусов против часовой стрелки
относительно того направления, в
которое смотрел

28.

Персонаж перевернулся!
Что же делать?
Установить направление
вращения “Вправо-Влево”!

29.

Спрайт Находится в
точке X=240, Y = 0,
но выходит за сцену,
почему?

30.

Центр спрайта
Координаты спрайтов
считаются по их
центру.
По центру спрайта, а
не костюма!
Их центры могут не
совпадать
Центр костюма

31.

Объект перемещается в
случайную точку, можно
выбрать указатель мыши или
другой спрайт
Объект перемещается в
заданные координаты. По
умолчанию координаты равны
расположению спрайта в
данный момент
Объект перемещается
заданное время в случайную
точку, можно выбрать
указатель мыши или другой
спрайт
Объект перемещается в заданные
координаты заданное время. По
умолчанию координаты равны
расположению спрайта в данный
момент

32.

Спрайт поворачивается в
заданное направление от 0
до 360. Отрицательные
числа работают!
Спрайт поворачивается к
указателю мыши или другому
спрайту, выбранному из
списка

33.

Изменить координату X спрайта
Установить определенную
координату X спрайта
Изменить координату Y
спрайта
Установить определенную
координату Y спрайта

34.

Проверка, если спрайт касается
края сцены, то он разворачивается
на 180 и отходит от нее
Установка способа вращения

35.

Если поставить
галочку, то данное
значение появится
на сцене.
Так же блоки можно
использовать при
проверка, записи
значений в
переменную и т.д.

36.

Блоки с помощью
которых создается
диалог между
спрайтами или с
игроком.

37.

Блоки, которые
сменяют
костюмы у
спрайтов или
фоны у сцены.

38.

Блоки, которые
меняют размер
спрайта

39.

Блоки, которые
накладывают
эффекты на спрайт
(цвет, завихрение,
прозрачность и т.д.).

40.

Блоки, которые
переносят спрайты
на разные слои.

41.

Если поставить
галочку, то данное
значение появится
на сцене.
Так же блоки можно
использовать при
проверка, записи
значений в
переменную и т.д.

42.

Большинство блоков
событий, это шапки.
Т.е. скрипты
начинаются с них

43.

Блоки событий
Особняком стоят блоки
отвечающие за
сообщения.
Сообщение, это один из
способов передачи
информации между
спрайтами.

44.

Блоки управления
Сегодня нам
понадобится только
один блок
управления –
“Ждать”. Этот блок
отвечает за “паузы” в
скрипте.

45.

Данные блоки отвечают
за звуковое
сопровождение проекта.

46.

Блоки звука
Блоки, которые
включают или
выключают звуки
которые добавлены в
проект.

47.

Для того, чтобы добавить звук
в проект нужно перейти во
вкладку звуки
Загрузите звук
или выберите его
из списка базовых
Вы можете
модифицировать
звуковую дорожку

48.

Блоки звука
Блоки, которые
накладывают
эффекты на
звуковую
дорожку.

49.

Блоки звука
Блоки, которые
изменяют громкость
звуковой дорожки.

50.

Блоки звука
Если поставить
галочку, то данное
значение появится
на сцене.
Так же блок можно
использовать при
проверка, записи
значений в
переменную и т.д.

51.

Практика
Сделаем небольшую сцену, где будет смена
фонов, 3 спрайта с разными костюмами и
взаимодействие между ними

52.

Практика
Вторым
фоном
выберем
“Blue sky”
Расставим
спрайты на
сцене, для того,
чтобы было
удобнее с ними
работать

53.

Практика
Пусть кот
вначале
проекта всегда
стартует с этой
точки
У другого
персонажа
уменьшим
размер. Он
также должен
стартовать с
этой точки
Спрячем
летающего
котика

54.

Практика
Кот будет
прогуливаться по
улице, когда к
нему будет
обращаться Giga
он побежит
переодеваться
Giga будет
звать на
помощь

55.

Практика
Сделайте
данный скрипт
для кота,
расскажите
как он должен
работать?

56.

Практика
Данный
скрипт
напишем для
Giga
Практика

57.

Практика
Эти скрипты мы создадим для
летающего кота. Наш первый
простой проект готов!

58.

Блоки “Перо”
позволяют
спрайтам рисовать
на сцене. Это
значит, что спрайты
при перемещении
смогут оставлять
после себя видимую
линию.

59.

Перо
Блок, который
стирает все рисунки
с фона.

60.

Перо
Блоки, которые
опускают/поднимают .
Перо опускается в
центре спрайта. При
его движении, за ним
остается видимая
линия.

61.

Перо
Блоки, которые
изменяют цвет
пера.

62.

Перо
Блоки, изменяющие
размер пера.

63.

Перо
Блок, с помощью
которого спрайт
оставляет рисунок
костюма на фоне.

64.

Спасибо за занятие!
До новых встреч!
СДАЕМ НАБОРЫ
English     Русский Rules