|
![]() |
Scratchвизуальный редактор кода |
|
Онлайн: РИСОВАЛКИ | ИГРЫ | РЕЛАКС программы |
О программеScratch – это язык программирования в полном смысле визуальный. Вы составляете программу из блоков, как конструируется модель Лего. Имеет значение последовательность блоков, их совместимость, вложенность. У некоторых блоков есть окошко, в которое вписывается параметр. Если проводить аналогию с полноценными языками программирования, то блоки Scratch представляют функции, методы, циклы, условные операторы. Язык придуман для обучения детей программированию, но и взрослый человек может получать удовольствие от работы с конструктором Scratch. Возможна конвертация проекта в HTML5, чтобы ваше запрограммированное произведение можно было посмотреть в интернете в любом браузере. ![]() Как тут кодитьИнтерфейс конструктора Scratch незамысловат и логичен. Слева набор блоков, разбитый на категории. По центру – окно сборки блоков в конструкцию. Справа вверху демонстрационный экран вашего мультфильма, или что вы там ваяете. Справа внизу спрайты (графические объекты, на которые навешиваются действия) и индикатор фона. Вверху слева закладки: Код, Костюмы, Звуки – это режимы работы в программе: конструировать логику программы, редактировать спрайт и его экземпляры или работать со звуковыми файлами. Справа кнопка старта вашей игры, или что вы там ваяете, и кнопка экстренной остановки. Закладка КОД Закладка КОСТЮМЫ Закладка ЗВУКИ Окно СПРАЙТ Окно СЦЕНА Как экспортироватьВ поставку Scratch, скачанного с сайта разработчика, не входит инструмент публикации вашей программы на локальный компьютер. Но он есть. Это htmlifier-offline.html – просто html-файл со встроенным в него javascript, который конвертирует файл проекта *.sb3 в файл *.html. Этот файл можно открыть по адресу https://sheeptester.github.io/htmlifier/ а также скачать на ваш компьютер по кнопке [Download offline version]. Я скачал и вложил в папку Scratch в его портабельную версию, которая ниже предлагается к скачиванию. Запустив htmlifier-offline.html надо с начала по кнопке [Обзор] указать путь путь к файлу проекта на вашем компьютере, а потом нажать кнопку [HTMLify]. После конвертации файл result.html будет загружен на ваш компьютер – его можно запускать в браузере. ПримерыПример 1. Посмотрите презентацию простого Scratch проекта, в которой подробно разобран код спрайтов: Во время просмотра презентации вы можете нажать кнопку паузы, чтобы успеть прочитать комментарий. Пример 2. Это уже работающий проект, выполненный в Scratch. Запустите его по кнопке START и управляйте касаткой, водя мышкой по холсту. Пример 3. Это уже работающая игра, выполненная в Scratch. Запустите ее по кнопке START и переливайте жидкость из пробирки в пробирку так, чтобы в итоге вся жидкость одного цвета оказалась в одной пробирке. Пример 4. Это викторина для детишек, которые изучают английский язык. Надо мышкой перетащить фигурку животного в свой ареал обитания. В коде используются звуки, переменные, сообщения. Скачать, читать, смотреть
🌐 Вообще-то скачивать не обязательно. Есть онлайновая версия Scratch, которая ничем не отличается от десктопной.
📥 Я лично предпочитаю версию для ПК, поэтому, предлагаю к скачиванию портативную сборку Scratch 3.29.1 (пароль для распаковки архива newart.ru). Проверял на Windows 10. 📥 Неудовлетворенный двумя предложенными вариантами пользователь может посетить страницу загрузки Scratch на сайте разработчика и скачать еще версии под macOS, ChromeOS и Android.
Видео: Ещё статьи для вебмастеров, расширяющие технологический кругозор: • Памятка начинающему вебмастеру • Как работать с Flash в современное время • Спецсимволы HTML - коды около 2000 дизайнерских иконок • Blumentals WeBuilder - удобнейший редактор кода с предпросмотром • WYSIWYG Web Builder - мощный визуальный конструктор сайтов • RocketCake - лаконичный визуальный конструктор сайтов • Pinegrow - стильный визуальны конструктор сайтов • Lunacy - для макетирования интернет-страниц • Flip PDF - конвертор PDF документов в HTML5 приложение • Hi Slider - программа для создания продвинутых jQuery слайдеров • WOW Slider - программа для создания красивых HTML5 слайдеров • Amazing Slider - программа для создания HTML5 слайдшоу, галерей, альбомов • Sozi - программа для создания стильных HTML5 презентаций с перелетами между слайдами • Moodle - практика администратора СДО • MediaWiki - как использовать для ведения и хранения документации • MediaWiki - как скачивать Wiki-страницы в PDF • MediaWiki - как подсвечивать синтаксис программного кода • Nicepage - конструктор сайтов и тем для CMS • PowerPoint в HTML5 - обзор софта конвертации • SVG - как сделать анимацию линии (имитацию рисования) • TimelineJS - библиотека для хронологических лент • TurboSite - лаконичный конструктор многостраничных сайтов • HTTP - коротко о протоколе • OpenAPI - спецификация, визуализация, инструментарий • Camtasia Studio = видеоредактор + видеограббер • Инструменты для создания прототипов интернет-страниц: Axure и ProtoShare • Что нужно знать об электронных платежах вебмастеру интернет-магазина • Индекс цитирования сайта - что это? • Как создать интерактивный кроссворд на сайте? |
|
![]() |
|
![]() |
|