Что такое Scratch?
Содержание:
Заканчивая в середине 90-х общеобразовательную школу, я и понятия не имел, что такое программисты и программирование. Да, у нас был одни год предмет под названием «информатика», но понять что-то без желания и компьютера было невозможно. Сейчас, по прошествии такого большого периода времени, понимаю, что в моей жизни всё могло бы быть по-другому, если бы в наше время была возможность пройти обучение на Скретч. Итак, приступим баловаться изучать основы этой занимательной среды программирования! Заранее желаю всем успехов в этом направлении информатики!
И хотя среду Scratch, до сих пор не проходят на уроках информатики, в настоящее время во многих школах и СЮТах существуют кружки по внеурочной деятельности по изучению этой программы. Также есть учителя-энтузиасты, которые на своих уроках внедряют общедоступные или свои личные разработки на Скретч. Ведь многим детям, да и чего греха таить, взрослым, очень интересно покопаться в этих разноцветных блоках.
Что такое Scratch?
Однако авторы задумали Scratch не только для изучения программирования, но и для того, чтобы дети могли создавать свои творческие проекты и делиться ими с окружающими. Поэтому в Scratch можно создавать анимацию и живые открытки, рисовать мультфильмы, писать музыку, делать мультимедийные проекты и тому подобное.
Этот факт и ряд других преимуществ дают программе широкие возможности по продвижению её в народные массы. Именно поэтому она стала так популярна и востребована. Тем более она явлется отличным трамплином для плавного перехода в мир настоящих программистов. Мы вам покажем, что с помощью Скретч можно писать достаточно сложные программы, над которыми тоже нужно поломать голову.
Для какого возраста подходит Scratch?
После изучения Scratch вы сами сможете нести его в массы и быстро научить его азам свою бабушку или младшего брата (сестру). Образовательная среда Скретч объединяет всех школьников в мире, поэтому вы сможете делиться своими программами с детьми живущих на других материках.
Кто придумал Scratch?
В 2003 году небольшой группой исследователей под предводительством Митчела Резника из MIT Media Lab решила создать понятный для многих визуальный язык программирования. В результате их стараний в 2007 году появился Скретч. Поэтому создавать компьютерные программы могут уже даже дошкольники.
Какие существуют версии Scratch?
За время своего взросления Скретч развивался и сменил несколько версий.
К устаревшей можно отнести версию 1.4 (Скачать можно по этой ссылке http://scratch.mit.edu/scratch_1.4/ )
Современная версия имеет обозначение 2.0. Последнее обновление идёт под номером 451.
Откуда взять Scratch?
Онлайн-версия программы Скретч
В общем, плюсов великое множество, однако под рукой у вас всегда должен быть доступ в Интернет и ваш браузер должен поддерживать загрузку Flash-роликов. Кстати оффлайн-версия программы тоже даёт возможность загружать готовые проект на этот сайт через существующий аккаунт.
Скретч
Материал из Скретч Вики
Скретч — это бесплатный язык программирования для обучения, созданный группой программистов для детей в Массачусетском Технологическом Институте (МТИ). Современная версия 3.0 может быть загружена здесь (предыдущая версия 2.0 может быть загружена здесь) или попробована в онлайн здесь.
Скретч создан для развлечения, обучения и простоты обучения. Это инструмент для создания интерактивных историй, игр, рисунков, симуляций, анимаций и многого другого. Скретч имеет встроенный графический и звуковой редактор.
Пользователь Скретч может перемещать блоки из палитры блоков на область скриптов соединяя их в скрипты как паззл. Этот метод программирования называется программирование «тащи и бросай».
Для маленьких детей был создан ScratchJr.
Содержание
Как был сделан Скретч?
Скретч создан при помощи движка WebGL и запрограммирован на HTML5 и JavaScript. Изначальный код Скретча находится на сайте GitHub.
История
Скретч начал разработку в 2003 году и был выпущен только в 2007 году.
Скретч 1.0, первая версия, была очень похожа на Скретч 1.4. В то время существовал только автономный редактор; веб-сайт представлял собой небольшой блог, где можно было загружать и смотреть проекты. По мере роста Скретча, веб-сайт становился все больше. Позже, Скретч 1.1, Скретч 1.2, Скретч 1.3 и Скретч 1.4 были выпущены. Тогда у Скретча появились миллионы пользователей и проектов, а также множество новых функций.
После выпуска Скретч 2.0 в 2013 году веб-сайт и интерфейс в проектах были изменены. Скретч продолжал расти, достигнув 30 миллионов пользователей и проектов.
Скретч 3.0 был выпущен в 2019 году.
Из-за большого роста сообщества Скретча, Фонд Скретча расширяется, и с 12 марта 2019 года он руководит проектированием, разработкой и поддержкой. MIT будет продолжать тесно сотрудничать с ним.
Польза
Скретч используется в школах по всему миру как средство для ознакомления детей с основами программирования. Некоторые учителя даже используют учетные записи учителей, чтобы следить за учениками, весело проводя время в Сообществе. Дети и взрослые получают представление об основах программирования с помощью Скретча и часто переходят на другие языки программирования. Во время использования Скретча люди могут создавать проекты, делать ремиксы и сотрудничать с другими людьми в проектах.
Интерфейс
При разработке языка основным приоритетом создателей было сделать язык и среду разработки простыми, интуитивно понятными и легко усваиваемыми детьми, не имевшими опыта в программировании.
Происхождение названия и сленг
Сленг, образовавшийся от слова «Скретч»
Девиз
ScratchJr
Скретч
Scratch является интересным тренажером с визуальной средой для изучения программирования. Это много платформенный продукт, т.е. его можно установить на ПК с операционными системами Windows, Linux и Mac. Приложение предназначено для детей и подростков, но пользоваться им могут и взрослые. В среде можно играть, создать презентацию, мультфильм, интерактивный учебник. Интерфейс Скретч очень простой, обучение основам работы в приложении не займет много времени.
Еще совсем недавно популярностью пользовалась версия 1.4, но сейчас ей на смену пришла более удобная последняя версия Скретч 2.0. Разработчики собирались создать v2.1, но почему-то она так и не появилась. Зато в этом году обещают выпустить усовершенствованную версию 3.0 с сильно измененным интерфейсом и новыми возможностями.
Установка программы
Приложение устанавливается быстро, пользователю предлагается стандартный набор (место расположения папки, добавить ярлык на рабочий стол и запустить приложение по окончанию установки).
Программа откроется на главной странице с английским интерфейсом. Чтобы приложение заработало на русском языке, кликнете мышкой по глобусу в правом верхнем углу экрана и выберите в появившемся списке нужный пункт.
Элементы интерфейса
Интерфейс программы состоит из нескольких частей: сцена, спрайты, палитра блоков и область скриптов. Спрайты (или костюмы) – это любые объекты: люди, животные, растения, предметы. При запуске программы в редакторе всегда появляется рыжий кот, который является символом Scratch.
Сцена
После запуска программы автоматически создается белая сцена размером 480 на 360 пикселей. Для замены фона нужно нажать на квадрат «сцена», расположенный в нижнем левом углу.
Поменять его можно, кликнув по одной из следующих кнопок:
В центральной части ПРОГРАММЫ расположены 5 кнопок для работы со спрайтом:
Для совершения любого действия нужно кликнуть мышкой по нужной кнопке, а потом по спрайту на сцене.
Графический редактор
Редактор работает в растровом (пиксельном) или векторном режиме. Картинки в векторной обработке состоят не из отдельных пикселей, а из различных геометрических объектов (точек, линий, прямоугольников, окружностей и т.д.). В отличие от растровых они сохраняют хорошее качество, не смотря на изменение размера. Переключаться между режимами можно в нижнем правом углу экрана.
Графический редактор открывается если нажать на кнопку «фон». В нижнем правом углу можно переключить режим с растрового на векторный. Здесь есть кисть, линия, овал/круг, прямоугольник, ластик, текст, заливка краской, выделение области.
Для удобства на сцену можно вывести декартову системой координат с осями Y и X, центр которой приходится на примерно на середину поля, примерно на то место, где при запуске программы находится кот. Это поможет управлять перемещением объекта, задавая координаты. Как это сделать рассмотрим немного дальше.
Список спрайтов
Над спрайтами расположены 4 кнопки:
После нажатия на кнопку «Библиотека готовых персонажей» откроется окно со множеством объектов, среди которых есть животные, люди, предметы, транспорт и другие.
Попробуем выбрать спрайта из библиотеки. Кликните мышкой по любому спрайту, пусть это будет балерина.
И она сразу появилась на сцене возле кота и в списке спрайтов.
Чтобы удалить со сцены один из объектов, в нашем случае рыжего кота, нужно кликнуть по нему правой кнопкой мышки, выбрать пункт «удалить» и спрайт исчезнет со сцены.
Кота больше нет, на сцене осталась одна балерина.
В графическом редакторе можно создавать новых персонажей. Для этого нажмите на кнопку в виде кисти «нарисовать новый спрайт». Справа появится поле редактора с колонкой инструментов для рисования.
Простейшие картинки в редакторе сможет создать любой пользователь. Например, при помощи круга, квадрата и линий можно быстро нарисовать вот такого робота. Новый персонаж появится в списке спрайтов.
Следующая кнопка позволяет импортировать персонажа из файла. Для этого выберите любой рисунок с компьютера и он окажется в списке.
С помощью последней кнопки можно преобразовать фотографию с вебкамеры в спрайт.
Палитра блоков
Основная часть Scratch 2.0 – это палитра блоков. Здесь расположены «движение», «внешность», «звук», «перо», «данные», «события», «управление», «сенсоры», «операторы», другие блоки. Если нажать на любой из них, внизу появится список команд такого же цвета.
Любая программа начинается с вкладки коричневого цвета «события». С помощью блоков из нее задается момент, с которого спрайт начнет выполнять заданную программу. Обычно это команда «когда щелкнут по зеленому флажку».
Потом добавляются команды из вкладки «движение», «внешность», «звук», «управление». Для того, чтобы собрать блоки в единый скрипт необходимо перетащить их с помощью мышки в правую часть рабочего пространства и соединить друг с другом как кубики лего.
Написание программы
Давайте попробуем написать простую программу. Чтобы было интересней выберем яркий фон, например, «underwater3» с подводной тематикой и спрайта-крабика, кота предварительно удаляем.
Устанавливаем сцену и выбираем спрайта:
У нас появилась сцена с подводным миром, добавим сюда краба:
Теперь напишем первый скрипт, чтобы заставить краба пошевелится:
Скрипт – это сценарий для выполнения определенной программы, который пользователь создал в интерфейсе программы, в нашем случае в Scratch 2.
Увеличиваем количество шагов
10 шагов – это очень мало, на сцене краб сдвигается примерно на 1 см. Хочется более заметных перемещений. Наиболее простой способ увеличить число шагов – это стереть число 10 в блоке и написать вместо него «100».
Щелкаем по зеленому флажку и видим как краб передвигается сразу на середину сцены. Но почему-то это мало похоже на шаги, скорее на скачок. Попробуем реализовать другой сценарий. В «событиях» есть цикличный блок «повторить 10».
Вместо «10» можно вписать любое другое число. И если внутрь команды поместить блок «идти на 10 шагов» и нажать на флажок, движение краба уже будет более похоже на анимацию. Попробуйте реализовать этот сценарий.
Создаем замкнутый цикл
Было бы хорошо, если бы наш краб двигался не останавливаясь, до нажатия кнопки «красный круг».
Для этого нужно убрать из области скриптов блоки «повторить» и «идти 10 шагов». Потом перетащить вправо команду «всегда» и собрать вот такой скрипт:
В идеале краб должен двигаться постоянно, но на деле он срывается за краем сцены и замирает. Нужно это исправить: останавливаем программу (нажимаем на кнопку «стоп») и возвращаем спрайта на место. Во вкладке «движение» есть блок «если на краю, оттолкнуться». Если вставить его в цикл «всегда», то краб уже не остановится, а будет двигаться бесконечно от края до края.
Соберите этот скрипт и запустите его. Получилось, краб добегает до края, поворачивается и снова движется.
Готовые проекты можно сохранять на компьютер. Для этого нужно нажать на «файл», выбрать «сохранить» и указать папку.
Координаты и управление несколькими объектами
Как уже говорилось, для более удобного управления объектами можно пользоваться системой координат с осями X и Y. Точка (0.0) расположена прямо в центре сцены, в том месте, где при запуске программы появляется рыжий кот. В верхней части вертикальной оси Y (относительно 0) расположены положительные координаты, в нижней – отрицательные. Похожим образом дело обстоит и с горизонтальной осью X. Справа от центра находятся координаты со знаком (+), слева – со знаком (-).
Чтобы легче было ориентироваться на сцену можно добавить фон с системой координат. Для этого кликните по вкладке «сцена», потом «фоны» и «выбрать новый фон».
В открывшемся списке выбираем «xy-grid», он находится в самом низу страницы, и нажимаем «ОК». На сцене появится картинка с системой координат.
Прежде чем двигаться дальше щелкните по спрайту «краб», расположенному в левом нижнем углу экрана под сценой. Если этого не сделать работать с блоками не получится.
Для изменения скриптов достаточно потянуть мышкой вниз любой блок, вставить на освободившееся место новый.
Добавление новых объектов
Хочется, чтобы по дну моря двигалась еще какая-нибудь живность. Для начала верните на место предыдущий фон, кликнув по нему мышкой. Потом нажмите на «спрайт» и «выбрать спрайт из библиотеки». Из морских обитателей разделе «животные» есть несколько видов рыб, давайте выберем фиолетовую. Выделяем ее и нажимаем на «ОК». Если спрайты на сцене налагаются один на другой, то поменяйте их местоположение с помощью мышки.
Теперь заставим нового персонажа двигаться. Можно не писать новый скрипт, а скопировать старый. Для этого щелкаем по программе правой кнопкой мышки, из выпавшего списка выбираем «дублировать» и переносим прилипший скрипт на рыбу.
Давайте добавим еще один объект, например, морскую звезду. Скрипт для нее не будем копировать, а напишем новый. Для этого нужно будет в блоке «повернуться к указателю мышки» нажать на стрелку и выбрать «Crab». Потом составить для морской звезды вот такой скрипт:
Запустите программу и посмотрите, что получилось. Рыба и краб двигаются по сцене, а морская звезда стоит в центре и поверчивается вслед крабу.
При изменении или составлении новых скриптов не забудьте переключаться между спрайтами.
Рисование
В среде Scratch 2 рисуют не только в графическом редакторе, но еще пером, мышью и клавиатурой, составляя для этого скрипты.
Рисуем пером
С помощью пера можно заставить спрайт двигаться, оставляя за собой след. Для составления программы нам потребуются зеленые блоки из раздела «перо» и фиолетовые «из раздела «внешность». Откройте новый проект и попробуйте нарисовать горизонтальную синюю линию с помощью вот такого скрипта:
Команда «поднять перо» означает, что спрайт взял кисть и с этого момента за ним будет тянуться нарисованная линия. Соответственно после блока «опустить перо» рисунков не будет. В команде «установить цвет пера» программа обычно выбирает случайную расцветку.
Поменять расцветку пера можно следующим образом:
Запустите программу, нажав клавишу «1» на клавиатуре и вы увидите, как кот пересекает сцену, оставляя за собой синюю линию. Если блок «показаться» заменить командой «спрятаться», то линия будет нарисована сама по себе, без спрайта.
Нарисовать равносторонний треугольник нам поможет вот такой скрипт:
Повторить 3 раза – количество сторон треугольника, 50 шагов – длина стороны, 120 градусов – размер одного угла равностороннего треугольника.
Рисуем мышью
Для того чтобы рисовать, передвигая курсор по сцене, составьте вот такой скрипт.
Запустите программу и проведите курсором мышки по сцене. Если все сделано правильно, то за ним будет тянуться нарисованный след. Обратите внимание, в этом скрипте мы использовали новый блок из раздела «управление» со сложной конструкцией «если, иначе». После «если» команда выполнится (опустится перо) при выполнении заданного условия (мышка нажата). При его несоблюдении перо рисовать не будет.
Рисуем клавиатурой
Клавиатурой можно рисовать с помощью стрелок. Для каждой из клавиш необходимо составить персональные скрипты.
Но если их запустить, ничего не произойдет. Для того, чтобы начать рисовать нужно написать программку для пера:
И еще можно сделать скрипт для очищения сцены, на случай, если не понравится рисунок. Для его запуска будем использовать клавишу «пробел».
Разместите все эти программки в области скриптов одну под другой, щелкните по флажку и попробуйте рисовать стрелками на клавиатуре.
Пишем простую игру
Давайте попробуем написать простую игру «Котенок на минном поле». Задача персонажа пересечь минное поле и благополучно добраться до финиша. Если побъект наступает на мину, он взрывается и игра начинается сначала.
Рисуем спрайты
Вначале нужно сделать мины:
Обычный у нас уже есть, осталось нарисовать «взрыв»:
Два костюма для мины готовы. Осталось создать спрайт «финиш»:
Русские буквы в Скретч 2 недоступны, поэтому не забудьте перед написанием переключить раскладку.
Пишем скрипты
Составьте для кота вот такие скрипты:
Для управления котом используются стрелки. При соприкосновении с миной, которая записана как спрайт 3 в скрипте, кот исчезает.
В начале игры мина примеряет костюм «просто мина», а после соприкосновением с котом (спрайтом 2) она переодевается в «взрыв» ждет 1 секунду и исчезает.
Теперь пишем скрипт для финиша:
Чтобы посмотреть, как работает новый блок таймер, пройдите котом с помощью стрелок к финишу и коснитесь таймера, на котором же появятся бегущие секунды. Еще один нюанс – по правилам этой игры нужно коснуться финиша и тут же отойти назад, только после этого секундомер остановиться. Цифры, которые появятся в этот момент – это и будет ваш результат.
С одной миной играть не интересно, давайте добавим еще парочку. Это можно сделать с помощью функции «дублирование». Для этого кликните по мине правой кнопкой мыши и выберите дублировать.
Повторите операцию еще раз. Теперь у нас есть спрайт 4 и спрайт 5.
Разместите все мины на сцене таким образом, чтобы коту было тяжело пройти к финишу.
Дублировалась вот эта часть:
Приклейте ее под блоком «Если». Должно получиться вот так:
Замените во втором блоке «если» «спрайт 3» на «спрайт 4».
Повторите операцию еще раз, но теперь в последнем блоке «если» укажите «спрайт 5».
Все, игра готова. Щелкните по зеленому флажку и доведите кота до финиша.
Плюсы и минусы программы
Среда программирования Scratch имеет массу положительных качеств:
Похожие среды программирования
Полноценных замен Scratch не существует. Но есть несколько похожих приложений, с помощью которых можно изучить программирование.
Скачать приложение
Scratch offline editor – интересная и удобная среда программирования со множеством возможностей. Для более удобной работы в приложении после загрузки на компьютер рекомендуется выбрать русский язык.
| Название: | Scratch |
| Операционная система: | Windows 7, Windows 8, Windows 10 |
| Язык программы: | Русский |
| Лицензия: | Бесплатно |
| Оценка: | 9 из 10 |
Официальную версию программы можно скачать бесплатно с нашего сайта по прямой ссылке:
Скретч что это в информатике
У меня хорошая новость для тех, кто не любит выстукивать на клавиатуре буковки!
Обычная программа — это текст. Но есть язык, в котором программа собирается из блоков, как собирается игрушка из кубиков Лего.
В командном режиме исполнитель получает команду, выполняет её и ждёт следующую. Чтобы задать команду на исполнение, нужно щёлкнуть на ней в СКИ.
В программном режиме исполнитель получает программу — последовательность команд и выполняет по порядку все команды в неё входящие.
Программы собираются из блоков в поле программы, и именно этот режим интересен для нас — программистов!
Для начала повторяйте за мной!
Сбросьте нижний блок назад в область СКИ (так из программы удаляется последняя команда), щёлкните на белом окошке в оставшейся команде (в нём появится мигающий текстовый курсор) и исправьте значение 10 на 20.
Щёлкаем, кот смещается на 20 шагов.
Посмотрите, над средой исполнителя расположены две кнопки: — зелёный флажок и красный восьмиугольник.
Теперь кот не будет ходить подобно мухе по потолку! Проверьте.
Сохраним работу на диске ( Файл/Сохранить как ) и продолжим.
Спрайты, костюмы, скрипты, звуки
А у нас в Роботландии предпочитают чай с сухариками!
Спрайт (англ. Sprite — фея; эльф) — графический объект в компьютерной графике. Спрайт может свободно перемещаться по экрану под управлением программы.
Если вы думаете, что исполнителем в среде Скретч может быть только фирменный кот, вы ошибаетесь!
Удалим кота и назначим исполнителем летучую мышь.
Удалить спрайт из среды можно разными способами.
Важно! При удалении спрайта программа, которая для него написана, тоже будет удалена.
Итак, кот удалён (вместе со своей программой). Выбрать новый спрайт можно разными способами:
Выбираем в библиотеке спрайтов в группе Животные изображение летучей мыши.
Задача 2 ( 2 кука ). Изобразить полёт летучей мыши.
Можно заставить спрайт мыши, как ранее спрайт кота, двигаться в среде, отталкиваться от краёв и поворачиваться в сторону движения.
Но такое движение далеко от реального! Почему? Кот, когда идёт, должен двигать лапками, а мышь — крыльями!
Вы, конечно, знаете, как устроены мультики — нам показывают друг за другом несколько фаз движения, глаз не успевает разглядеть их по отдельности, и рисунки сливаются в мультик.
Чтобы показать полёт, нужно иметь не одно, а несколько изображений, с разными положениями крыльев!
Скретч прекрасно понимает наши мультяшные желания, и в нём каждый спрайт может иметь несколько «костюмов»!
Теперь легко собрать код, отвечающий за смену костюмов.
| Запись | Что означает |
|---|---|
| 1 секунда | одна секунда |
| 0.1 секунды | одна десятая часть секунды |
| 0.2 секунды | две десятых частей секунды |
| 0.3 секунды | три десятых частей секунды |
| 0.4 секунды | четыре десятых частей секунды |
Получается, что программа полёта состоит из 2-х частей — части, отвечающей за передвижение и части, отвечающей за смену костюмов. Эти части собраны под двумя отдельными «шапочками»:
Задача 3 ( 1 кук ). Добавить в мультик бегемота на водопое.
Посмотрите: водопой бегемота правдоподобнее полёта мыши! Почему так? Спрайт бегемота имеет больше костюмов! Качество мультика повышается, когда предусмотрено больше фаз движения. «>.
А можно ли добавить ещё одного исполнителя в среду? Да!
Скретч допускает сколько угодно исполнителей-спрайтов в среде, и для каждого спрайта записывается собственная программа работы.
Заметим, что загрузить все 5 костюмов можно, как обычно при работе с файлами, за один раз, выделяя нужные картинки.
Если загрузить анимированный gif в качестве спрайта, он автоматически будет разделён на составляющие картинки-костюмы.
Часть программы полёта мыши, отвечающая за смену костюмов, вполне подойдёт и для бегемота. Копируем её:
Проверяем, выполнилось ли копирование:
Запускаем мультик, нажимая зелёный флажок.
Мышь летит, бегемот пьёт. Красота! У вас получилось?
Задача 4 ( 1 кук ). Пусть дополнительно мышь и бегемот, когда на них щёлкают, издают звуки.
Сначала займёмся мышью.
Дополним программу мыши ещё одним фрагментом:
Мы уже видели, что программа спрайта может состоять не из одного, а нескольких фрагментов.
Первые два фрагмента начинают работать после щелчка на зелёном флажке ( ), третий — после щелчка на спрайте в среде.
Script (скрипт) в переводе с английского означает сценарий. Хорошая замена словосочетанию «фрагмент программы»!
Остаётся загрузить для бегемота другой звук, например, wah beatbox и установить его в команде:
Сохраним работу на диске ( Файл/Сохранить как ).
Освоить любой предмет без практики невозможно. Освоить без практики программирование — просто немыслимо. Поэтому Кукарача настоятельно рекомендует выполнять задания, собранные в учебнике на специальных страницах Проекты.
Кроме того, в описания проектов будут выноситься важные технические подробности, без знакомства с которыми невозможно получить качественную программу.
— Ребята! В проектах учебника важны не только условия. Не пропустите важные моменты! Они могут быть.
Самое важное про Скретч :
| № | Что узнали |
|---|---|
| 1 | Исполнителем может быть любой рисунок, свободно перемещаемый по среде. Cобытие задаётся в первом блоке скрипта (блок-шапочка). |
| 7 | Два события являются особенными: нажатие на зелёный флажок и нажатие на красный восьмиугольник. Флажок считается командой запуска всего проекта (кроме того, флажок останавливает все скрипты проекта, если они работали до момента его нажатия). |