Бесплатный фрагмент - Знакомьтесь, это Snap!

Описание Snap!

Snap! — блочная среда программирования, разработанная на основе Scratch в Калифорнийском университете в Беркли (University of California at Berkeley).

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

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

Разработчики Snap!

Snap! был разработан Дженсом Монигом (Jens Mönig at MioSoft Corporation, now at SAP), совместно с Брайаном Харви (Brian Harvey at Berkeley), при помощи студентов Калифорнийского университета в Беркли.

Основные отличия от Scratch

Типы данных.

Основным отличием Snap! от Scratch являются типы данных первого класса.

Объектами первого класса называются элементы, которые могут быть присвоены переменной или элементу массива, переданы как параметр и возвращены из функции. Благодаря этому в Snap! появилась возможность создавать двумерные массивы.

Также в Snap! в отличие от Scratch функции являются объектами первого класса. Это позволяет передавать функцию как аргумент в другую функцию. В следующем примере мы передаем функции map как аргумент функцию умножить на 10, и функция map производит это действие со всем списком, переданным ей в качестве второго аргумента.

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

А вот такое возможно в Scratch?

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

Медиаредакторы.

Графический редактор Snap! не является его сильной стороной и уступает по функционалу Scratch 2.0 и даже Scratch 1.4. В нем отсутствует векторный редактор, а в растровом отсутствует масштабирование, выделение, штамп и поворот.

Редактор звука в Snap! отсутствует полностью.

Я рекомендую импортировать в Snap! изображения и звуки, подготовленные во внешних онлайн реакторах, а в редакторе изображений лишь немного корректировать загруженные изображения.

Совместимость

Совместимость с браузерами.

Snap! может работать в следующих браузерах:

— Chrome, версия не ниже 43 (это рекомендуемый браузер для работы в среде Snap!)

— Safari версия не ниже 8.4;

— Firefox версия не ниже 38;

— Edge версия не ниже 12;

— Opera версия не ниже 32.

Совместимость с внешними устройствами.

Snap! может быть использован со следующими внешними устройствами, подключаемыми к компьютеру:

— Orbotix Sphero;

— Lego NXT;

— Nintendo Wiimote;

— Finch and Hummingbird robots;

— Parallax S2 robot;

— LEAP Motion;

— Speech synthesis by Connor Hudson;

— Arduino;

— Fischertechnik ROBOTICS TXT Controller;

— Raspberry Pi.

Основные понятия

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

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

Например, один скрипт перемещает спрайт, второй проигрывает звук, а третий изменяет его размер.

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

Шестиугольные блоки — это логические (булевы) переменные, логические операторы или логические выражения (предикаты). Они вставляются в окошки шестиугольной формы.

---

Знакомство с интерфейсом Snap!

Запуск Snap!

Найдите в интернете сайт Snap! и запустите его с помощью кнопки.

Элементы интерфейса

По умолчанию в Snap! установлен английский язык интерфейса. Однако его можно переключить на один из 38 языков.

Я не советую переключать его на русский, так как вся литература, по Snap! на английском языке.

Строка меню. Первая кнопка

Первый раздел строки меню содержит следующие команды:

Project notes

New

Создать новый проект.

Open

Открытие проекта. Проекты могут быть сохранены как на локальном компьютере (кнопка Browser), так и в облаке (кнопка Cloud). При сохранении файлов на локальном компьютере доступ к ним возможен только из Snap! Для сохранения в облаке нужно зарегистрироваться.

Также есть возможность загрузить готовые примеры (кнопка Examples). Кнопка Share позволяет поделиться проектом. «Расшаренный» проект будет выделен жирным шрифтом. Для того чтобы им поделится, надо скопировать ссылку на проект вида http://snap.berkeley.edu/snapsource/snap.html#present:Username=***&ProjectName=*** из строки браузера и отправить эту ссылку.

Save и Save as

Import

Этот раздел меню позволяет импортировать в проект следующие объекты:

— проект, экспортированный в файл формата XML;

— спрайт, экспортированный в файл формата XML;

— блок, экспортированный в файл формата XML;

— проект из Scratch 1.4 в формате SB;

— проект из Scratch 2.0 в формате SB2;

— проект из BYOB 3.1

— изображения (костюмы спрайтов, фоны сцены) в любом формате, поддерживаемом Вашим браузером.

— звуки в любом формате, поддерживаемом Вашим браузером.

Также для импорта любого файла в Snap! достаточно перетащить его мышкой в окно Snap! в браузере.

Export project…

Экспорт проекта в файл XML.

Export summary…

Экспорт сводной информации о проекте в виде html страницы.

Export blocks…

Этот раздел меню появляется только в случае создания в проекте собственных блоков или импорта блоков из библиотек. Он позволяет сохранить созданные блоки в файл формата XML.

Unused blocks…

Этот раздел меню появляется только в случае создания в проекте собственных блоков или импорта блоков из библиотек. Он позволяет увидеть неиспользованные блоки чтобы удалить их и уменьшить размер готового проекта.

Import tools

Этот раздел позволяет импортировать большое количество полезных блоков созданных на Snap! Подробнее об этих блоках будет рассказано в следующих главах.

Snap! можно сразу запустить с автоматической загрузкой указанных блоков. Для этого на странице http://snap.berkeley.edu/ есть кнопка http://snap.berkeley.edu/init/.

---

Libraries…

Импорт библиотек, расширяющих возможности Snap! и содержащих дополнительные полезные блоки, созданные на Snap!

Costumes…

Импорт стандартных костюмов спрайтов.

Sounds…

Импорт стандартных звуков.

Строка меню. Вторая кнопка

Login…

Вход в облачный сервис для зарегистрированных пользователей.

Signup…

Регистрация нового пользователя облачного сервиса.

Reset Password…

Сброс пароля зарегистрированного пользователя.

Строка меню. Третья кнопка

Language…

Выбор одного из 38 языков интерфейса.

Zoom blocks…

Изменение размера блоков. Стандартный размер равен 1.

В выпадающем списке можно выбрать подходящий размер блоков.

Stage size…

Изменить размеры сцены. Ширина изменяется в пределах от 480 до 1 000 000, а высота от 180 до 1 000 000. Не имеет смысла делать сцену размером больше экрана.

Long form input dialog

При создании переменной в пользовательском блоке вы увидите не простую форму ввода имени переменной.

А сразу полную форму, которая появляется при нажатии на раскрывающийся список в предыдущей форме.

Рекомендую держать этот параметр всегда включенным.

Plain prototype labels

Если немного поводить мышкой над именем блока, то появится плюсик, и можно вводить имена параметров.

Эта функция используется для создания красивых скриншотов при написании руководств и учебников по Snap!

Input sliders

Clicking sound

Звук при соединении блоков.

Turbo mode

Включение турбо режима, в котором сложные проекты работают быстрее.

Flat design

Переключение к плоскому дизайну в стиле Scratch 2.0. Далее везде будут использованы скриншоты этого дизайна.

Thread safe scripts

Защита выполнения скрипта. Если скрипт, который начинается с какого либо события, выполняется, и это событие происходит снова, то скрипт начинает выполнение сначала, с самого верхнего блока. Например, если эта функция выключена, то при нажатии на пробел спрайт каждый раз будет начинать движение слава направо из точки (-240; 0). Если же галочка будет установлена, то скрипт будет выполнен до конца, не смотря на нажатия на пробел.

Prefer smooth animations

Изменение частоты обновления сцены до 1/30 секунды, как в Scratch. В обычном режиме работы Snap! Обновляет экран с максимально возможной частотой. Это используется для более плавного отображения анимации движения спрайтов, при использовании большого количества различных подвижных объектов, а также для одинакового отображения анимации на компьютерах различной мощности.

Flat line ends

Закругление концов линий. Линии с закругленными краями выглядят аккуратнее, однако, в случае если надо нарисовать объекты прямоугольной формы, то эту опцию лучше не включать.

Codification support

Добавляет экспериментальную функцию позволяющую транслировать скрипты Snap! в программы на других языках программирования. Добавляет 4 блока.

Для знакомства с этими экспериментальными возможностями Snap! загрузите пример «Codification».

Inheritance support

Поддержка наследования.

Строка меню. Кнопки над сценой

Возврат к стандартному размеру сцены

Если кликнуть на эту кнопку, удерживая нажатой клавишу Shift, то сцена уменьшится до минимально возможного размера.

На весь экран

Кнопка разворачивает сцену на весь экран. Snap! Переходит в режим презентации.

Зеленый флажок

Если на зеленый флажок кликнуть, удерживая клавишу Shift, то Snap! перейдет в турбо режим и флажок смениться на зеленую молнию.

Пауза

Остановка проекта

Кнопка добавить спрайт

Эта кнопка добавляет новый спрайт с костюмом в виде стрелочки. Этот костюм называется костюмом черепашки. Не представляю, что надо было сделать с милым существом, чтобы оно стало таким!

Кнопка нарисовать спрайт

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

Свойства спрайта

Кнопки и закладки управления свойствами спрайта расположены над областью скриптов.

Стили вращения спрайта

У спрайта есть три стиля вращения.

Первый стиль вращения — можно вращать. Он устанавливается при помощи кнопки can rotate.

Переименование спрайта

Возможность перемещения спрайта мышкой

Возможность перемещения спрайта по сцене с помощью мышки включается и отключается кнопкой draggable под окном с именем спрайта.

Закладка Scripts

Открывает область скриптов в которой происходит формирование скриптов из отдельных блоков.

Закладка Costumes

Эта закладка позволяет управлять различными костюмами спрайта. По умолчанию у скрипта только костюм черепашки в виде стрелочки. Новые костюмы спрайта можно импортировать с помощью раздела меню Import, или просто перетащив в эту закладку файл и изображением.

Закладка Sounds

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

Управление сценой

Управление сценой очень похоже на управление спрайтами, за исключением возможности перемещаться.

Переименование сцены

Закладка Scripts

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

Закладка Costumes

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

Закладка Sounds

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

Знакомство с блоками Snap!

Синие блоки движения

move

---

turn clockwise

turn counterclockwise

---

point in direction

point towards

---

go to X Y

go to

---

glide

change X

---

set X

change Y

---

set Y

if on edge, bounce

---

X position

Y position

---

direction

Фиолетовые блоки внешности

switch to costume

---

next costume

costume #

---

say for

say

---

think for

think

---

change effect

set effect

---

clear graphic effects

change size

---

set size

size

---

show

hide

---

go to front

go back

---

Малиновые блоки звука

play sound

play sound

---

stop all sounds

rest

---

play note

change tempo

---

set tempo

tempo

---

Зелёные блоки пера

clear

pen down

---

pen up

set pen color

---

change pen color

set pen color

---

change pen shade

set pen shade