Обучение школьников программированию с нуля: как создать первую игру с помощью блочного кода
Делимся подробным гайдом по Scratch-программированию: как устроен интерфейс визуальной среды и какие блоки в ней можно использовать.
Начать изучать программирование школьникам намного проще, чем может показаться. Одним из действенных инструментов является обучение с помощью платформ визуального программирования: например, среды Scratch, специально разработанной для детей.
Scratch откроет детям увлекательный мир программирования с помощью блоков, из которых можно составить код. Благодаря блочному программированию ребята смогут создать настоящую игру и затем сами поиграть в нее.
Создание различных проектов на языке Scratch помогает детям не только постепенно изучать сферу IT, но и развивать различные навыки и качества, такие как креативность, логическое мышление, усидчивость и любознательность.
На сайте Scratch вы сможете найти огромное количество различных игр, презентаций, мультфильмов от начинающих и профессиональных разработчиков.
Школа программирования для детей «Пиксель» подготовила подробный гайд по Scratch, чтобы помочь ученикам начальных классов разработать свой первый проект.
Для начала перейдите на сайт Scratch и откройте редактор проекта, нажав на кнопку «Создать».
Выберите русский язык в программе в выпадающем списке, далее перейдите в раздел «Учебник».
Здесь можно выбрать разные виды проектов, которые создаются на платформе.
Прямо на рабочей сцене программы вы пошагово можете повторить выбранную анимацию.
А еще можно выбрать вкладку «Костюмы» и теперь уже в графическом редакторе изменить персонажа.
Раздел «Костюмы» во многом схож с графическим редактором Paint, поэтому прост в освоении детьми
А во вкладке «Звуки» можно добавить различные музыкальные эффекты, подходящие игре
Посмотрите видеоурок, посвященный введению в Скретч и началу работы с программой. С его помощью вы сможете создать свою первую простейшую программу.
Чтобы добавить новых персонажей в проект, нажмите на кнопку добавления спрайтов и выберите из библиотеки подходящие.
Скретч программирование обучение программированию
Практика в учебнике и его иллюстрации ориентированы на версию Скретч 2.0 . Об установке этой версии рассказано в разделе «Как установить Скретч на свой компьютер» на странице Слово к наставнику .
Жажда нового
У меня хорошая новость для тех, кто не любит выстукивать на клавиатуре буковки!
Обычная программа — это текст. Но есть язык, в котором программа собирается из блоков, как собирается игрушка из кубиков Лего.
Если Скретч -приложение ещё не установлено у вас на компьютере, пройдите в раздел Установка Скретч.
Откройте Скретч -приложение , и вы увидите на экране:
- исполнителя (кота);
- среду исполнителя (белое поле);
- СКИ — набор команд, записанных на блоках;
- поле для сборки программы.
Исполнитель может работать в двух режимах: и .
В командном режиме исполнитель получает команду, выполняет её и ждёт следующую. Чтобы задать команду на исполнение, нужно щёлкнуть на ней в СКИ.
Задание . Щёлкните в СКИ на команде , и вы увидите, как кот сместится на 10 шагов.
В программном режиме исполнитель получает программу — последовательность команд и выполняет по порядку все команды в неё входящие.
Программы собираются из блоков в поле программы, и именно этот режим интересен для нас — программистов!
Задача 1 ( 1 кук ). Поскорее «окунуться» в Скретч .
«Сначала дело, потом умные слова» — говорит роботландский Лисёнок.
— Хорошо! Давайте без лишних слов погрузимся в мир программ Скретча !
Для начала повторяйте за мной!
- Перетащите мышкой блок с командой в поле для сборки программы. Щёлкните на этом блоке. Программа (состоящая из одной команды) сработает, кот сместится на 10 шагов.
- А если нужно сделать 20 шагов? Перетащите ещё одну команду и соедините два блока вместе. Щелчок на нашей программе (на любом блоке), и кот смещается на 20 шагов.
Сбросьте нижний блок назад в область СКИ (так из программы удаляется последняя команда), щёлкните на белом окошке в оставшейся команде (в нём появится мигающий текстовый курсор) и исправьте значение 10 на 20.
Щёлкаем, кот смещается на 20 шагов.
- Воспользуемся блоком . Он расположен в СКИ в группе Управление . Этот блок резиновый! В него можно поместить сколько угодно блоков, и то, что им охвачено, повторяется непрерывно.
Добавьте в начало программы блок . Он расположен в СКИ в группе События .
Посмотрите, над средой исполнителя расположены две кнопки: — зелёный флажок и красный восьмиугольник.
Флажок запускает программу, если она начинается с блока . Восьмиугольник останавливает выполнение.
- Упс! Почему справа налево кот идёт вверх ногами? Дело в том, что когда кот отталкивается, он поворачивается. Стиль поворота задаётся в паспорте исполнителя.
Чтобы открыть паспорт кота, нажмите в разделе Спрайты , и измените стиль вращения:
Теперь кот не будет ходить подобно мухе по потолку! Проверьте.
Сохраним работу на диске ( Файл/Сохранить как ) и продолжим.
Спрайты, костюмы, скрипты, звуки
Спрайт — газированный напиток, со вкусом лайма и лимона, принадлежащий американской компании The Coca-Cola Company.
А у нас в Роботландии предпочитают чай с сухариками!
Но… Дело в том, что исполнитель в Скретч (тот самый кот, которого мы заставили бегать туда-сюда) является спрайтом !
Спрайт (англ. Sprite — фея; эльф) — графический объект в компьютерной графике. Спрайт может свободно перемещаться по экрану под управлением программы.
Если вы думаете, что исполнителем в среде Скретч может быть только фирменный кот, вы ошибаетесь!
Удалим кота и назначим исполнителем летучую мышь.
Удалить спрайт из среды можно разными способами.
Важно! При удалении спрайта программа, которая для него написана, тоже будет удалена.
Итак, кот удалён (вместе со своей программой). Выбрать новый спрайт можно разными способами:
Выбрать спрайт можно из библиотеки, нарисовать в редакторе, загрузить из файла, получить с видеокамеры компьютера
Выбираем в библиотеке спрайтов в группе Животные изображение летучей мыши.
Задача 2 ( 2 кука ). Изобразить полёт летучей мыши.
Можно заставить спрайт мыши, как ранее спрайт кота, двигаться в среде, отталкиваться от краёв и поворачиваться в сторону движения.
Программа, составленная для кота, будет прекрасно работать и для мыши! Тогда зачем мы её удалили вместе с котом?
Но такое движение далеко от реального! Почему? Кот, когда идёт, должен двигать лапками, а мышь — крыльями!
Вы, конечно, знаете, как устроены мультики — нам показывают друг за другом несколько фаз движения, глаз не успевает разглядеть их по отдельности, и рисунки сливаются в мультик.
Отдельные фазы движения персонажа. При быстрой смене фаз отдельные картинки сливаются, и мы видим бегущего зайца
Чтобы показать полёт, нужно иметь не одно, а несколько изображений, с разными положениями крыльев!
Скретч прекрасно понимает наши мультяшные желания, и в нём каждый спрайт может иметь несколько «костюмов»!
Откройте вкладку Костюмы . Оказывается у летучей мыши уже предусмотрено два костюма:
Костюм спрайта — это один из предусмотренных вариантов его изображений. При помощи смены костюмов удобно программировать мультипликацию
Теперь легко собрать код, отвечающий за смену костюмов.
Сколько времени будет ждать исполнитель по команде ? Если вы не знакомы с десятичными дробями, то вот краткое пояснение.
| Запись | Что означает |
|---|---|
| 1 секунда | одна секунда |
| 0.1 секунды | одна десятая часть секунды |
| 0.2 секунды | две десятых частей секунды |
| 0.3 секунды | три десятых частей секунды |
| 0.4 секунды | четыре десятых частей секунды |
Число 0.2 в два раза больше числа 0.1 и в два раза меньше числа 0.4 .
Получается, что программа полёта состоит из 2-х частей — части, отвечающей за передвижение и части, отвечающей за смену костюмов. Эти части собраны под двумя отдельными «шапочками»:
Обе части программы запускает флажок, и они работают одновременно или, как говорят программисты, параллельно . Подробнее о параллельности (когда она нужна, а когда нет) будет рассказано в уроке 2.
Задача 3 ( 1 кук ). Добавить в мультик бегемота на водопое.
Для бегемота нарисовано 6 костюмов, картинки эти находятся в папке practical/sprlib/ . Имена файлов: hippo1.png , hippo2.png ,… hippo6.png :
Посмотрите: водопой бегемота правдоподобнее полёта мыши! Почему так? .
А можно ли добавить ещё одного исполнителя в среду? Да!
Скретч допускает сколько угодно исполнителей-спрайтов в среде, и для каждого спрайта записывается собственная программа работы.
- Загружаем новый спрайт с адреса practical/sprlib/hippo1.png . Эта картинка автоматически становится первым костюмом.
- Переходим на вкладку Костюмы и загружаем оставшиеся 5 костюмов.
Загружаем спрайт бегемота из 6 костюмов.
Устанавливаем исполнителя-мышь слева сверху, а исполнителя-бегемота справа внизу
Заметим, что загрузить все 5 костюмов можно, как обычно при работе с файлами, за один раз, выделяя нужные картинки.
Если файлы в поле выбора идут не подряд, то щёлкаем по первому, выделяя его, затем добавляем к выделению другие файлы щелчками с нажатой клавишей Ctrl .
Анимированный gif — это графический файл с расширением gif , содержащий набор картинок одинакового размера и сценарий смены этих картинок при показе на экране.
Если загрузить анимированный gif в качестве спрайта, он автоматически будет разделён на составляющие картинки-костюмы.
Часть программы полёта мыши, отвечающая за смену костюмов, вполне подойдёт и для бегемота. Копируем её:
Выделяем паспорт мыши. На вкладке Скрипты перетаскиваем нужный код мыши на паспорт бегемота (отпускаем, когда курсор мыши оказывается на паспорте бегемота)
Проверяем, выполнилось ли копирование:
Запускаем мультик, нажимая зелёный флажок.
Мышь летит, бегемот пьёт. Красота! У вас получилось?
- Каждым спрайтом управляет отдельная программа.
- Программа может состоять из нескольких частей.
- Программы находятся на вкладке Скрипты .
- Чтобы увидеть программу спрайта, нужно щёлкнуть на паспорте этого спрайта (выделить паспорт).
Задача 4 ( 1 кук ). Пусть дополнительно мышь и бегемот, когда на них щёлкают, издают звуки.
- Выделяем паспорт мыши.
- На вкладке Звуки выбираем пиктограмму Выбрать звук из библиотеки ( ).
- Выбираем в библиотеке звуков в группе Эффекты звук boing .
1. Выделяем паспорт мыши
2. Открываем библиотеку звуков
3. Выбираем звук для мыши (нажимая , можно прослушать звук)
Дополним программу мыши ещё одним фрагментом:
Новый фрагмент будет играть звук, когда щёлкают на исполнителе.
Звук в блоке Играть звук выбираем из выпадающего списка
Мы уже видели, что программа спрайта может состоять не из одного, а нескольких фрагментов.
Каждый из них начинает работать при наступлении события , обозначенного в его заголовке.
Первые два фрагмента начинают работать после щелчка на зелёном флажке ( ), третий — после щелчка на спрайте в среде.
Отдельные фрагменты, из которых состоит программа, называют в Скретч .
Script (скрипт) в переводе с английского означает сценарий. Хорошая замена словосочетанию «фрагмент программы»!
Пора заняться бегемотом. Перетаскиваем созданный для мыши скрипт на паспорт бегемота — так можно копировать скрипты от одного исполнителя к другому.
Остаётся загрузить для бегемота другой звук, например, wah beatbox и установить его в команде:
Сохраним работу на диске ( Файл/Сохранить как ).
- Прочитайте, что сегодня узнали (чтобы знания хорошо уложились в голове).
- Выполните зачёт (проверим, как знания уложились).
- Приступайте к практике (заставим знания работать).
Освоить любой предмет без практики невозможно. Освоить без практики программирование — просто немыслимо. Поэтому Кукарача настоятельно рекомендует выполнять задания, собранные в учебнике на специальных страницах Проекты.
Кроме того, в описания проектов будут выноситься важные технические подробности, без знакомства с которыми невозможно получить качественную программу.
— Ребята! В проектах учебника важны не только условия. Не пропустите важные моменты! Они могут быть.
Исполнителя в Скретч называют спрайтом .
Поле-среду в Скретч называют сценой (ведь в среде, как на сцене действуют исполнители-спрайты).
Cобытие задаётся в первом блоке скрипта (блок-шапочка).
Флажок считается командой запуска всего проекта (кроме того, флажок останавливает все скрипты проекта, если они работали до момента его нажатия).
Восьмиугольник оставливает работу проекта (всех его скриптов).