Как рисовать в scratch
Перейти к содержимому

Как рисовать в scratch

  • автор:

Расширение «Перо»

В Scratch кроме стандартных категорий блоков таких как «Движение», «Внешний вид» и так далее, которые сразу доступны во всех проектах, имеются другие. Их называют расширениями или дополнениями. Чтобы увидеть все доступные расширения, надо нажать на кнопку «Добавить расширение», которая находится на вкладке «Код» в самом низу. После этого откроется окно, где можно выбрать дополнение.

Расширения Scratch

Большинство дополнений предполагают использование внешних устройств, таких как камера, робот и другие. Однако не все.

После выбора расширения «Перо» во вкладке «Код» среды программирования Scratch появляется новый раздел с блоками-командами, которые позволяют рисовать на сцене. Это значит, что спрайты при перемещении смогут оставлять после себя видимую линию.

Вот пример сценария для кота:

Использование блоков пера

Проиграв его, получим такую картину:

Рисование квадрата

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

Команда «печать» отпечатывает изображение спрайта в том месте, где он находится.

В Scratch можно создать сценарий, когда при его запуске пользователь сам будет рисовать, перемещая героя. Добавим на сцену спрайт-карандаш и запрограммируем его следующим образом:

Рисующий карандаш в Scratch

Игру следует запускать в полноэкранном режиме. В режиме программирования скрипт не сможет правильно работать.

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

В центре холста есть чуть видимая точка, которая обозначает центр спрайта. Именно из этого центра рисуется линия. Надо переместить к центру холста кончик карандаша.

Изменение центра спрайта

Рисовать мышью не совсем удобно. Поменяем управление на клавиатуру:

Управление с помощью клавиатуры

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

Сценарий спрайта можно усложнить, добавив к нему скрипты смены толщины пера и цвета. Пусть цвет, например, задается случайным образом:

Изменение цвета линии

А что если мы хотим, чтобы карандаш печатал не самого себя, а какой-то другой спрайт? Этот другой спрайт должен появляться из кончика карандаша при нажатии, скажем, клавиши 0.

Тогда этому спрайту надо как-то передать координаты карандаша. Однако проще воспользоваться командой «перейти на …», в которой вместо «случайное положение» следует выбрать имя спрайта-карандаша.

Печать спрайта

Составьте программу, которая при запуске выводит на сцене окружность, состоящую из печатей спрайта.

Печать спрайта по окружности

X Скрыть Наверх

Программирование в Scratch. Курс

Создание рисунков

Как показывает наш многолетний опыт работы в школе, все дети любят рисовать, причем не только с помощью графических редакторов. При изучении языка программирования тема «Компьютерная графика» является самой любимой. На этой странице мы рассмотрим задачи на создание рисунков с помощью приемов программирования. Эти задачи хорошо знакомы всем, кто работал с языком Logo.

Замечание, общее для всех приведенных задач: рисование начинаем в точке с координатами (0,0). Так как в процессе рисования курсор может оказаться в любом месте экрана, эту начальную точку нужно фиксировать командой ИДТИ В Х: 0 У: 0.

Задача №1. Нарисовать следующий рисунок:

Начать решение следует с создания переменной, которая задаст нам длину шага при рисовании окружности, а чтобы ее не было на рабочем поле, уберем галочку слева от ее имени. Согласитесь, что будет не слишком красиво, если котенок будет носиться по экрану, рисуя окружности, поэтому мы его будем скрывать, но не удалять! Рассмотрим готовый скрипт:

Команда ОЧИСТИТЬ позволит выполнить программу несколько раз. Цвет и размер пера устанавливаете по желанию. Настройки по умолчанию — цвет пера синий, а размер равен 1. Не забудьте задать начальное значение переменной а, иначе оно будет равным 0. Для рисования окружности начальный шаг больше 1 брать нежелательно, иначе первая окружность получится довольно большой. Цикл ПОВТОРИТЬ 4 — задает рисование 4 окружностей. Второй цикл ПОВТОРИТЬ 120 рисует окружность, число 120 получено из слудующих соображений: вся окружность соответствует 360 градусам. В цикле стоит команда ПОВЕРНУТЬСЯ на 3 градусов, т.е. 360 : 3 =120 . Затем изменяем переменную а на 1, увеличивая радиус окружности, и изменяем цвет. Конечно, задавать изменение цвета совсем не обязательно, просто интереснее, когда все окружности разноцветные. Поэкспериментируйте с цветом, выбирая вместо числа 60 что — то другое.

Задача 2. Нарисовать пластину паркета, как на рисунке:

Здесь тоже понадобится переменная, задающая длину стороны наименьшего квадратика. Ее можно задать, как в первой задаче. Но будет интереснее, если она будет получаться случайным образом, затем мы будем увеличивать ее на какое — значение (шаг). В нашем решении шаг равен 20. В этой задаче также будет 2 вложенных цикла ПОВТОРИТЬ 5 (5 квадратов, можете взять больше) и ПОВТОРИТЬ 4 (этот цикл строит квадрат, поэтому только 4). Попробуйте решить самостоятельно. Нужна помощь —

она здесь. Попробуйте доработать скрипт так, чтобы все квадратики также были разноцветными.

Задача 3. Создать рисунок «паутинка»:

Замечание. Основа «паутинки» — сектор, состоящий из 6 треугольников. Каждый треугольник получается в результате перемещения на какое — то количество шагов и поворота на 120 градусов. Затем сектор «паутинки» следует повернуть на 360:6=60 градусов. И — самое главное! В каждом секторе необходимо восстанавливать начальное значение стороны треугольника (команда ПОСТАВИТЬ а В . ). Котенок в центре паутины — шутка! Если хотите ее повторить, то после построения узора выберите из блока ВНЕШНОСТЬ команду установить размер 25% и показаться.

Задача 4. Построить спираль, основой которой является треугольник, квадрат или пятиугольник. Вид спирали задается случайным образом.

Для решения нам понадобятся 3 переменные: k — случайное число, принимающее значение 3, 4 или 5, ugol — угол поворота для получения фигуры и dlina — с помощью этой переменной происходит перемещение. Вначале всем переменным следует присвоить первоначальные значения: k, ugol = 360/k, dlina = 15(можно взять и другое значение). Цикл, который виден на рисунке — ПОВТОРИТЬ 40. Для того, чтобы получилась именно спираль, а не отдельные треугольники, изменять значение переменной dlina нужно внутри цикла повторить 40 , а не после него.

Задача 5. Построить график функции y=sin x.

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

Мы искусственно разбили скрипт на части. Теперь для того, чтобы получить график другой функции, достаточно изменить вид функции в командах ПОСТАВИТЬ У В.

Попробуйте, построив график указанной функции, получить график функции y=|cos x|.

Воспользуйтесь советом 6 страницы СОВЕТЫ & СЕКРЕТЫ. Модуль функции записывается так: abs.

Мини-курс «Как рисовать локации, персонажей и интерфейс игры в Scratch»

Творческое программирование для всех

Многие любят делать игры, но далеко не каждый знает и понимает, что создание картинок (профессионалы называют это артом от английского слова art) для анимации и игр тоже происходит по определенным законам и алгоритмам.

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

Урок 1. Рисуем локацию

Из урока узнаём, что любую локацию можно разбить на элементы, каждый из которых можно нарисовать на основе простых геометрических фигур: прямоугольников и овалов. Используем векторный графический редактор Scratch, в котором есть инструменты для изменения формы любого объекта. Узнаём о слоях и многом другом. Становимся волшебниками, создавая эффекты объёма (3D) с помощью градиентной заливки.

Урок 2. Как правильно нарисовать персонажа игры или мультфильма

По эскизу своего персонажа (который нарисован карандашом на бумаге) создаём уникальный арт в векторном графическом редакторе Scratch.

Урок 3. Кнопки, бары, … интерфейс игры

Оказывается, интерфейс для игры может быть уникальным! Можно придумать и нарисовать самому любые кнопочки и другие необходимые элементы, умея рисовать карандашом на бумаге и зная инструменты графического векторного редактора Scratch.

Придумай и нарисуй свой интерфейс для игры!

Вроде бы никакого программирования? Но оказывается, что последовательность действий рисования для игры и мультфильма — это настоящий алгоритм, и не один!

Благодарим Анну!

Пишите свои вопросы к автору в комментариях!

Блок пера

Перо — это расширение в Скретч 3.0, которое позволяет спрайтам оставлять линии и отпечатки на сцене. В Скретч 1.0 — 2.0 был отдельной категорией.

Видео Распознавание

Текст в речь

Makey Makey

Force and Acceleration

Блоки

стереть всё

стереть всё

Описание: Очищает сцену от рисовок, в том числе и от печатей

печать

Описание: Отпечатывает текущий костюм спрайта на сцену
опустить перо

опустить перо

Описание: «Опускает» перо спрайта на сцену — то есть позволяет начать рисовать
поднять перо

поднять перо

Описание: «Поднимает» перо спрайта со сцены — то есть говорит спрайту, чтобы он перестал рисовать
Установить для пера цвет [] :англ:
установить для пера цвет [#f00]

установить цвет пера [#f00]

Описание: Изменяет цвет пера на выбранный. В коде поддерживает как запись шести цифр, так и трёх (ff00aa → f0a). Так как внутри находится настоящее значение, со Скретч 2.0 можно вставить туда блок объединить [0x] [ff0000] , что даст красный цвет.

((((красный) * (65536)) + ((зелёный) * (256))) + (синий))

Изменить ( v) пера на () :англ:
изменить ( v) пера на ()::pen

изменить ( v) пера на ()

Описание: Меняет для пера значение цвета, насыщенности, яркости и прозрачности. В Скретч 1.0 — 2.0 были только отдельные блоки для цвета и тени (яркости):

изменить цвет пера на () изменить тень пера на ()::pen

Установить ( v) пера () :англ:
установить ( v) пера ()::pen

установить ( v) пера ()

Описание: Задаёт для пера значение цвета, насыщенности, яркости и прозрачности. В Скретч 1.0 — 2.0 были только отдельные блоки для цвета и тени (яркости):

установить цвет пера () установить тень пера ()::pen

Изменить размер пера на () :англ:
изменить размер пера на ()

изменить размер пера на ()

Описание: Изменяет размер пера на указанное значение. Для flash-плеера значение варьируется от 0 до 255.

Установить размер пера () :англ:
установить размер пера ()

установить размер пера ()

Описание: Задаёт размер пера на указанное значение. Для flash-плеера значение варьируется от 0 до 255.

Устаревшие блоки

Stamp Transparent () / Прозрачность печати () :англ:
stamp transparent ()::pen
Версия: 2.0 pre-alpha – 2.0 alpha

stamp transparent ()

Описание: На День Скретч 2011, когда был представлен новый Скретч 2.0, этот блок был включён, однако, для уменьшения количества блоков было решено его убрать. Замена:

установить эффект [призрак v] в значение (1)::looks печать

Cookie-файлы помогают нам предоставлять наши услуги. Используя наши сервисы, вы соглашаетесь с использованием cookie-файлов.

  • Расширения Скретч 3.0
  • Блок

Вики работает в тёмной теме, и она включена! Есть советы? Отправьте их сюда: Тема форума о Скретч Вики

  • Эта страница в последний раз была отредактирована 27 октября 2023 в 08:22.
  • К этой странице обращались 1621 раз.
  • Политика конфиденциальности
  • О Скретч Вики
  • Отказ от ответственности

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *