Как создать фон в Scratch
Фон в Scratch — это задний план проектов в Scratch. Существует несколько способов, как добавить его в проект: вы можете выбрать понравившийся из библиотеки готовых фонов или импортировать свое изображение.
Фон в Scratch: выбор готового изображения
Чтобы выбрать готовый фон, заходим в библиотеку Scratch. Для этого в правом нижнем углу нажимаем на значок «Выбрать фон».
После открытия библиотеки кликаем на нужное изображение, можно воспользоваться функцией «поиск» или отсортировать все предложенные картинки по категориям (они расположены в верхней части страницы: «Фантастика», «Музыка» и т.д.)
Также можете попробовать функцию «Сюрприз» — программа сама подберёт фон для вашего проекта в случайном порядке.
Создание собственного фона
Теперь попробуйте нарисовать что-нибудь самостоятельно, для этого нажмите на значок «Кисть».
Далее откроется редактор Scratch, где вы можете рисовать фон самостоятельно.
Инструменты рисования фона
- «Заливка» регулирует цвет вашего объекта (на картинке она находится в левом верхнем углу). С его помощью можно окрашивать определенное границами пространство в любой цвет.
- «Ввод текста»: в редакторе можно вводить текст (на панели инструментов эта функция обозначена буквой «Т»).
- Геометрические фигуры также можно добавить в редакторе для упрощения рисования (прямая линия, круг и квадрат находятся внизу на панели инструментов).
- «Изменение формы объекта»: инструмент выглядит как точка с наведённым на неё курсором мыши.
- Для редактирования нарисованных линий можно использовать инструмент в виде стирательной резинки.
Фон в Scratch: импорт картинки
Импортировать свое изображение вы можете с помощью функции «Загрузить фон». После нажатия на значок в открывшемся окне на своём компьютере выбираете нужный файл. Если вы загружали фон из бесплатных библиотек стоковых фотографий, изображение будет находится в папке «Загрузки». Нажимаете на нужную картинку, и установление фона проекта в Scratch происходит автоматически.
Пример работы с фоном
На одном из занятий мы создавали игру с космонавтом и астероидами. Для этого нам потребовалось выбрать космический фон. Его можно найти в библиотеке фонов в разделе «Космос». Выбирайте любой понравившийся и начинайте работать над созданием игры.
Scratch. Установка фона и выбор нового спрайта
После запуска данного приложения создается белая сцена, на которой находится рыжий кот, символ Scratch. Теперь можно приступать к написанию программы. Для примера возьмём простую и незатейливую тему «Полёт бабочки».
Первые шаги, которые необходимо выполнить, заключаются в том, чтобы выбрать соответствующие тематике спрайт и фон.
Смена графического объекта и установка фона
Соблюдаем следующую последовательность действий
- Открываем вкладку «файл».
- Из появившегося списка выбираем «новый».
- Кликаем по спрайту.
- Нажатием на «удалить» очищаем сцену, рыжий кот исчезает.
5. Обращаемся к вкладке «выбрать файл из библиотеки».
6. В категории «животные» отыскиваем «Butterfliy 1» (7шаг), нажимаем «ок».
8. Открываем «выбрать фон из библиотеки».
9. В теме «природа» находим «blue sky» (10 шаг)
В результате выполнения всех действий установлен фон и выбран новый персонаж.
Как видите, сделать начальные шаги по овладению навыками работы в данном приложении несложно.
На наших курсах в ходе групповых (очных) и онлай-занятий вы можете изучить Scratch-2, а также его новейшую третью версию, от новичка до профессионала (от идеи до реализации) и разработки собственной игры. Смотрите здесь.
Уже на первых занятиях Скретч дети смогут создавать несложные мультипликации, видеть как работает их код в реальном времени. Это несомненно воодушевит юных программистов на последующее освоение этой среды программирования и дальнейшее развитие в области IT.
Сцена
В Scratch сцена – это такой же полноценный объект как спрайт, но с некоторыми особенностями. Если у спрайта может быть несколько разных костюмов, то у сцены может быть несколько разных фонов. Сцена может иметь собственные скрипты. Однако не все команды спрайтов доступны для сцены. Например, у сцены нет всех блоков раздела «Движение».
В Scratch, когда создается новый проект, у сцены имеется только один фон – белый лист. Для добавления новых фонов предназначена панель сцены, которая находится в нижней правой части интерфейса среды программирования:
Обратите внимание, когда вы кликаете по этой панели, сцена выделяется, а на вкладке «Код» будут команды для сцены. Также вкладка «Костюмы» теперь будет называться «Фоны». Здесь можно нарисовать фон, добавить новый, поменять фоны местами и т. д.
Если у сцены есть разные фоны, очевидно, что в процессе игры или анимации они будут меняться. Пусть по сценарию кот перемещается по трем разным комнатам. Одна из них играет роль центральной. Когда кот доходит до ее левого края, то переходит во вторую комнату. А когда кот доходит до правого края центральной, переходит в третью комнату.
Сначала надо добавить три фона для сцены:
Исходный белый фон удалим.
Теперь составим скрипт перемещения спрайта в направлении к зажатому курсору мыши:
Данный скрипт может не совсем правильно работать, когда вы находитесь в режиме кодирования. Несмотря на команду «перетаскивать нельзя», спрайт все равно можно будет перетаскивать мышью. Поэтому для тестирования игры лучше переключаться в полноэкранный режим.
Вспомним, что размер холста в Scratch равен 480х360 пикселей, а начальная точка системы координат находится в центре. Поэтому у правого края значение x = 240, у левого x = -240. Пусть фон меняется, когда координата x спрайта равна 200 или -200.
Когда координата кота станет больше 200, он будет посылать одно сообщение, а когда меньше -200 – другое. Сцена, в зависимости от того, какое сообщение она получит, будет делать активным тот или иной фон.
Обратите внимание, мы отслеживаем не только координату x, но и то, какой фон активен на данный момент. Ведь если кот переходит в другие комнаты, там эти блоки «если» не должны работать. В других комнатах все по-другому.
Во вторых, внутри «если» команда изменения координаты x используется для того, чтобы кот на другом фоне появлялся с верной стороны. Ведь если он входит в левую комнату, то на ней должен появляться с правой стороны.
Номер фона определяется его положением на вкладке «Фоны». Вместо номеров можно использовать имена фонов.
Доделайте приведенный в уроке сценарий так, чтобы спрайт мог возвращаться из левой и правой комнат в центральную.
PDF-версия курса включает три дополнительных урока («Списки», «Функции», «Работа со звуком»), а также ответы к заданиям.
На какой из вкладок можно добавить фон сцены
Сложно представить хорошую запоминающуюся презентацию, у которой стандартный белый фон. Стоит приложить немало мастерства, чтобы зрители не уснули в процессе показа. Или можно поступить проще – все-таки создать нормальный фон.
Варианты смены фона
Всего существует несколько вариантов сменить задний план у слайдов, позволяющих делать это как простыми, так и комплексными средствами. Выбор будет зависеть от дизайна презентации, ее задачи, но главным образом – от желания автора.
В целом, можно выделить четыре основных способа задать фон у слайдов.
Способ 1: Смена дизайна
Наиболее простой способ, который является первым шагом при создании презентации.
- Требуется зайти во вкладку «Дизайн» в шапке приложения.
- Здесь можно видеть широкий ряд всевозможных базовых вариантов дизайна, отличающихся не только компоновкой областей слайдов, но и фоном.
Хороший и простой метод, но он меняет фон для всех слайдов, делая их однотипными.
Способ 2: Изменение вручную
Если же требуется заняться более сложным задним планом в условиях, когда в предложенных вариантах дизайна ничего нет, начинает работать древняя поговорка: «Если хочешь сделать что-то хорошо – сделай это сам».
- Здесь два пути. Либо нажать правой кнопкой по пустому месту на слайде (или по самому слайду в списке слева) и в открывшемся меню выбрать «Формат фона…»…
- …либо зайти во вкладку «Дизайн» и нажать аналогичную кнопку в самом конце панели инструментов справа.
Данный способ является самым функциональным ввиду широты возможностей. Можно создавать уникальные виды хоть для каждого слайда.
Способ 3: Работа с шаблонами
Есть еще более глубокий способ универсальной настройки фоновых изображений.
- Для начала следует войти во вкладку «Вид» в шапке презентации.
- Здесь нужно перейти в режим работы с шаблонами. Для этого требуется нажать «Образец слайдов».
- Откроется конструктор макетов слайдов. Здесь можно как создать собственный вариант (кнопка «Вставить макет»), так и отредактировать имеющийся. Лучше всего создать самому свой вид слайда, который лучше всего подойдет для презентации по стилистике.
- Теперь нужно провести уже вышеописанную процедуру – войти в «Формат фона» и произвести нужные настройки.
- Также можно воспользоваться стандартными средствами редактирования оформления, которые находятся в шапке конструктора. Здесь можно как задать общую тему, так и настроить вручную отдельные аспекты.
- После окончания работы лучше всего задать имя для макета. Это можно сделать с помощью кнопки «Переименовать».
- Шаблон готов. После окончания работы остается нажать на «Закрыть режим образца», чтобы вернуться в нормальный режим презентации.
- Теперь на нужных слайдах можно нажать правой кнопкой мыши в списке слева, и выбрать вариант «Макет» во всплывающем меню.
- Здесь будут представлены применимые к слайду шаблоны, среди которых как раз будет созданный ранее со всеми заложенными параметрами фона.
- Остается нажать на выбор и образец будет применен.
Этот способ идеален для условий, когда в презентации требуется создавать группы слайдов с разными типами фоновых картинок.
Способ 4: Картинка на заднем плане
Дилетантский способ, но не сказать о нем нельзя.
- Нужно произвести вставку картинки в программу. Для этого входим во вкладку «Вставка» и выбираем вариант «Рисунки» в области «Изображения».
- В открывшемся обозревателе требуется найти нужную картинку и дважды кликнуть по ней. Теперь остается лишь нажать на вставленную картинку правой кнопкой мыши и выбрать вариант «На задний план» во всплывающем меню.
Теперь картинка не будет фоном, но будет находиться позади остальных элементов. Достаточно простой вариант, однако не без минусов. Выделять компоненты на слайде станет проблематичнее, поскольку курсор чаще всего будет попадать именно на «фон» и выбирать его.
Примечание
При подборе своего изображения фона мало подобрать решение с одинаковыми для слайда пропорциями. Лучше брать картинку в высоком разрешении, поскольку при полноэкранном показе низкоформатные задники могут пикселизироваться и выглядеть кошмарно.
При выборе дизайнов для сайтов отдельные элементы остаются в зависимости от конкретного выбора. В большинстве случаев это разные декоративные частицы по краям слайда. Это позволяет создавать интересные сочетания со своими изображениями. Если же это мешает, лучше вовсе не выбирать никакой тип дизайна и работать с изначальной презентацией.