Как сделать облачный список в скретч

Обновлено: 07.07.2024

Кружок робототехники Робикс сегодня рассказывает об интерфейсе и основных инструментах программы Scratch. Если пока не знакомы с ней, то это бесплатное решение для создания мультфильмов и игр.

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

Сегодня обсудим наиболее часто используемые рабочие области и инструменты Scratch 3.

Варианты установки Scratch

Scratch доступен в двух вариантах: онлайн (в браузере) и оффлайн (отдельное приложение для установки на компьютер). Оба бесплатны. Функционал в них идентичен.

Для разработки своих игр в настольном приложении — сначала скачиваем и устанавливаем его.

Если будете устанавливать приложение на планшет или ноутбук через Google Play, не перепутайте Scratch с ScratchJr. Второе — крайне урезанная и упрощенная вариация, она для малышей от 5 лет.

Обзор рабочих областей окна Scratch

Окно программы Scratch 3 содержит несколько рабочих зон и меню.

Самая верхняя строка позволяет переключать язык надписей во всем приложении (по умолчанию — английский), а также сохранять / открывать файлы проектов и отменять последние совершенные действия.

Меню в верхней части окна программы Scratch 3

Меню в верхней части окна программы Scratch 3

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

Вверху окна, сразу после синей полосы с кнопками, переключаются вкладки с инструментами.

Костюмы

Сюда переключаемся для настройки выбранного спрайта. Изменение цвета, размера, формы или внешнего вида целиком.
В Scratch все добавляемые в проект персонажи и предметы называются спрайтами.

Звуки

Если объект может издавать звуки, то на этой вкладке их можно прослушать и изменить.

Когда находимся на какой-то из вкладок, нам становится доступен соответствующий набор панелей и возможностей. Наиболее часто используются первые два: для написания кода и редактирования спрайтов.

Интерфейс среды программирования Scratch 3

Интерфейс среды программирования Scratch

1. Палитра блоков

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

2. Область кода

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

3. Сцена

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

4. Панель спрайтов

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

5. Выбор фона

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

Запуск и остановка выполнения проекта в Scratch производятся с помощью специальных кнопок рядом со сценой — с зеленым флажком и красным значком соответственно.

Редактирование костюмов спрайта в Scratch 3

Редактирование костюмов спрайта в Scratch

Панель костюмов спрайта

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

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

Этапы разработки своего проекта

Базовая последовательность действий для создания своей игры или мультфильма такова:

  1. Запускаем Scratch и добавляем первый спрайт на сцену. Можно поименовать проект, но это не обязательно.
  2. Настраиваем внешний вид объекта или персонажа (смотря с кого начали). Рисуем костюм или выбираем из готовых.
  3. Собираем скрипт из блоков. Слева в палитре ищем нужную группу и поочередно тащим нужные условия, операторы, действия в область кода.
  4. Добавляем новые спрайты и скрипты, переключаемся между ними и дорабатываем, пока не реализуем свою задумку.
  5. Периодически запускаем проект и тестируем его работу. Вносим правки, снова пробуем играть или смотреть свой мультик.
  6. Когда всё готово, сохраняем файл с проектом (по возможности, лучше бы сохранять и промежуточные варианты).

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

Если ваш ребенок любит компьютерные игры, познакомьте его со Scratch! Это визуальный язык программирования, на котором можно создавать любые игры: нужно просто добавить свои картинки и составить для них программу. Создавать игры на Scratch можно уже с 8 лет: в этой среде программа строится из блоков, напоминающих Lego.

Мы уже делились пошаговыми уроками по освоению Scratch для самых начинающих. Теперь мы окунемся в творчество и сделаем оригинальные проекты: воплотим популярную игру Among Us, создадим игру по мотивам "Звездных войн" и Minecraft и многое другое.

1. Охота за привидениями

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

2. Гонки на двоих

Гонки — классика игр! Мы создадим трассу, на которой будут соревноваться две машины. Кто окажется первым на финише? Давайте создадим программу и узнаем!

3. "Звездные войны"

С этой игрой дети проникнутся атмосферой "Звездных войн"! Мы запрограммируем космический корабль так, чтобы он стрелял во вражеские корабли. За каждого подбитого врага нам будут начисляться очки, за каждое поражение — отниматься жизни.

4. Головоломка Minecraft

Скретч интересен тем, что здесь можно воссоздавать свои любимые игры. Например, сделать мини-вселенную Minecraft. В этой игре нужно за наименьшее количество шагов добраться до сундука. Если игрок совершает ошибку, то снимаются жизни.

5. Among Us. Часть 1

Наверняка вы слышали от своих детей про игру Among Us (Амонг Ас), ведь за последний год она захватила всех! В ней члены экипажа должны вычислить самозванца среди своих и выполнить задания. Что может быть увлекательнее для ребенка, чем создать свою любимую игру? В 1-й части мы сделаем карту, запрограммируем героя и добавим ему задание с проводами.

6. Among Us. Часть 2

Во 2-й части мы усовершенствуем карту, добавим звуковые эффекты и создадим еще одно задание — на этот раз члену экипажа предстоит сбить астероиды.

7. Раннер

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

8. Paint3D

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

9. Мультиплеерная игра

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

10. Игра Brawl Stars (Бравл Старс)

Как насчет того, чтобы создать популярную игру "Бравл Старс"? Да, даже такую непростую игру можно сделать на Скретч всего за 45 минут.

11. Как сделать игровое меню на Скретч

На Скретч игру или проект можно запускать разными способами. Самый распространенный — просто при нажатии на зеленый флажок. Но возможности Скретч настолько велики, что можно сделать полноценное игровое меню (лобби). Тогда в начале игры вы сможете выбирать, за какого персонажа играть.

12. Как сделать игру в Скретч за 15 минут

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

Как сделать Flappy Bird на Scratch

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

Плейлисты с видеоуроками продолжают пополняться, подписывайтесь на наш YouTube-канал , чтобы следить за выходом новых видео и открывать для себя мир IT-технологий!

Если же вам нужен наставник, загляните в Школу программирования для детей “Пиксель”: запишитесь на полный курс по программированию в Scratch .

Обложка: Scratch

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

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

Scratch знакомит детей с азами программирования. Кроме того, он развивает логическое мышление, учит решать сложные задачи и находить ответы на самые сложные вопросы.

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

Главные особенности Scratch

Чем привлекает пользователей платформа? Во-первых, это интуитивно понятный интерфейс. Даже неопытный пользователь сможет освоить её в самые сжатые сроки.

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

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

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

Также Scratch​ позволяет создавать клоны популярных игр. Мы заново спроектировали часть игры Among Us и подготовили для вас подробную инструкцию по её созданию. Также мы подготовили полный видеоурок, в котором рассказали обо всех особенностях разработки игры (видео вы найдете в конце статьи).

Добавление материалов

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

  • карта (по ней наш герой будет перемещаться);
  • запись, которая сигнализирует о запуске игры;
  • фон здания.

Вы можете скачать наши материалы или нарисовать самостоятельно в графическом редакторе на самой платформе.

Мы запрограммируем изменение фонов и игровых карт, движения персонажа и выполнение одного задания — командиру необходимо починить проводку.

Также мы изменим размер героя, чтобы он был пропорционален карте (25). Каждому фону дается свое название — так вы сможете легко ориентироваться между ними.


После всех этих операций мы приступаем непосредственно к самому программированию.

Заставка


Карта



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



На завершающем этапе необходимо сделать так, чтобы игровая карта сменялась на фон с заданием. Для этого необходимо добавить ещё один код: когда мы будем получать задание, то карта будет прятаться. Таким образом у вас не возникнет никаких проблем с игровой картой.


Член экипажа




Очень важно, чтобы, когда персонаж закончит выполнять задание и вернётся обратно на карту, он не продолжал стоять на жёлтом кружке. Поэтому необходимо прописать, что после возвращения наш герой переместился по оси y на 15 шагов. Зацикливаем эти действия, чтобы они всегда повторялись.


Задание с проводами

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


Иллюстрация: Scratch

Иллюстрация: Scratch

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

Иллюстрация: Scratch

Иллюстрация: Scratch

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

Иллюстрация: Scratch

Когда вы будете касаться второго спрайта, то есть второго конца провода, то вам будет начисляться 1 очко. После того как провод будет соединён, перо останавливается. Обратите внимание, что весь скрипт пера зациклен.

Иллюстрация: Scratch

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

Сыграть в наш Among Us, посмотреть код и другие важные моменты можно на официальном сайте Scratch.

Если же вы хотите получше изучить Скретч и создать несколько новых игр, то посмотрите другие уроки на нашем канале YouTube. Попробуйте создать игры по мотивам Minecraft или Brawl

Скретч — это бесплатный язык программирования и одновременно программа, предоставляющая визуальный интерфейс для создания игр и анимаций. Одним из главных достоинств среды программирования Scratch, является доступность и понятность абсолютно всем. Основная целевая аудитория это дети от 8 до 16 лет. Главная цель разработчиков языка обучить молодежь: мыслить логически, раскрыть ее творческий потенциал и научить взаимодействию с другими единомышленниками. Любой сделанный вами проект, может быть отправлен на обозрение сообщества сформированного вокруг Скретч.

Введение

лого

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

На заметку: После окончания создания приложения, просто сохраните завершенный проект. Запустите онлайн версию, загрузите проект в интернет.

На сайте выложены Scratch offline editor 1.4 и 2.0 русские версии, которые можно скачать бесплатно. Вы сможете поупражняться программированию и создать свой первый творческий проект: мультфильм или мини игру.

Как установить программу?

Внимание!: для установки программы на компьютере должен быть установлен adobe air.

Как запустить Scratch на русском языке?

При установке программы, языком по умолчанию будет английский, но не стоит переживать, всего несколько кликов отделяют вас от выбора перевода. Запустите программу, в верхней панели увидите глобус.Нажмите на глобус и в выпадающем меню выберете интересующий вас язык.Если вы не видите русского, просто подведите мышку к белой стрелочке внизу выпадающего меню, панель с языками начнет прокручиваться. Теперь можно использовать Scratch не только бесплатно, но и на русском языке.

Возможности языка программирования

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

Конструктор на чипсете Arduino

Существует серия конструктора Lego, специально разработанная для создание роботов, которые будут управляться через телефон или планшет, программой написанной на языке Scratch для чипсета Arduino. Для детей это будет не только не заменимый опыт программирования, который пригодится в будущем, но и море удовольствия. Для этого нужно установить модификацию языка Скретч S4A на компьютер и на плату Arduino. Как это сделать:

Для пользователей windows должны быть установлены драйвера Arduino

Как создать игру в Scratch?

Спрайт на сцене

Одним из самых интересных занятий в Скретч является создание игр. Давайте попробуем создать небольшую игру про кота футболиста, который будет набивать футбольный мяч. Итак, вы открыли среду программирования и видите на главном экране кота. Полотно на котором будет все происходить называется сцена, а картинки, в данном случае кот, называются спрайты (sprite англ.)

Анимация движения

Движение вправо

Движение влево

Выбираем фон

Добавляем новый спрайт

Создание анимации мяча в Скретч

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

Анимация падения

Добавляем цикл

Остановка и запуск программы

Задаем стартовые координаты

Запомните: Действия каждой связки блоков происходят по очереди, сверху вниз. Если на очереди желтый блок цикла, сначала выполнятся все действия внутри него, в том количестве раз, которое предусмотрено циклом. Затем, действия идущие после блока цикла.

Создание переменных в Скретч

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

Используем переменные

Взаимодействие с другими объектами

Условия

Столкновение с краями сцены

Операторы

Завершение игры

В первом случае это позволит коту отбивать мяч не сразу, а с задержкой в 0.1 секунды. А во втором, мяч попав в стену, не будет менять направление множество раз в секунду, а поменяет его 1 раз. Потом у него будет 1 секунда чтобы вылететь из стены и уже после просчет цикла продолжиться. На этом создание нашей игры заканчивается. Попробуйте ее доработать, поэкспериментируйте с блоками, добавьте очки за каждый удар, добавьте условие проигрыша. Возможности Скретч если не безграничны, то достаточно обширны.

О Scratch 3.0

Дополнительные спрайты для Скретч

пак замок

Мы подобрали наборы спрайтов для Scratch 1.4, 2.0, 3.0. С их помощью вы сможете создать интересные игры и анимации. Экспериментируйте!
Набор спрайтов замок, поможет сделать мини игру про осаду замка, персонажи и стилистика похожи на майнкрафт:

космос

Набор картинок для игры про космос:

спрайты персонажей

Набор персонажей, с разными анимациями:

набор с животными

Спрайты с мордашками милых животных:

набор спрайтов пираты

Корабли и пираты:

спрайты для танков

Спрайты для игры танчики:

Готовые проекты

Видео уроки

В нашем руководстве мы рассказали лишь некоторые особенности Scratch offline editor, для более глубокого погружения, вы можете посмотреть эти видео уроки:

Еще один канал с обучением:

Скачиваем программу Scratch

К завершению статьи мы подготовили ссылки на скачивание бесплатной версии Scratch offline editor на русском языке. Здесь присутствуют версии для Mac OS и всех разновидностей Windows. Если вы хотите скачать программу через торрент, придется немного подождать, данный вид ссылок будет добавлен в самое ближайшее время. Программа не имеет ограничений для детей. Пользуйтесь, развивайтесь, впереди много творческих открытий!

Подходит для слабых компьютеров, хоть и имеет меньший функционал. Совместима с Windows XP.

На данный момент самая последняя версия программы. Подходит под Windows 7, Windows 8, Windows 10.

Читайте также: