Scratch.AELIT

Лаборатория

информационных

технологий

Программирование игр
  • Уроки
    • Начинающим
    • Как … ?
    • Фишки
    • Тестирование
    • Творчество
    • STEAM
    • Задачи
    • Мастера
  • Игры и конкурсы
    • Играем
    • Геймдизайн
    • Механики
    • Исследования
    • Scratch Month
  • Статьи
    • О сайте
    • О Scratch
    • События
    • Люди и профессии
  • Разное
    • Разминка
    • Инструменты
    • Make Youself
    • #Паскарэнне
Главная  /  Фишки и плюшки  /  Как разместить анимацию или игру Scratch на своем сайте?

Как разместить анимацию или игру Scratch на своем сайте?

Узнаём о том, как работать со своим сайтом и размещать на нём игры и анимацию Scratch.

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

Внимание! В Scratch 3.0, Который вышел в январе 2019 г., на сайте уже нет кнопки Embed.

Но мы можем использовать знания языка гипертекстовой разметки HTML. Достаточно лишь внести в системе управления сайтом в режиме редактирования исходного кода страницы (часто это вкладка или кнопка типа «Текст», «Редактирование кода» и подобное) html-код следующего вида:

<iframe src="//scratch.mit.edu/projects/embed/137093699/?autostart=false" width="485" height="402" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

Здесь надо заменить текст:

//scratch.mit.edu/projects/embed/137093699/

на ссылку на свой проект на сайте Scratch, добавив в текст ссылки слово embed/ после слова projects/.

Например, если ссылка на наш проект, который мы хотим разместить на сайте, имеет вид:

https://scratch.mit.edu/projects/137093699/

то нам необходимо её отредактировать следующим образом:

https://scratch.mit.edu/projects/embed/137093699/

и в этом виде вставить эту ссылку в код:

<iframe src="  вот сюда!     ?autostart=false" width="485" height="402" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

Главное, следить за тем, чтобы не пропали знаки кавычек, слэшей, угловых скобок и пр.


А ещё проще (теперь, когда мы научились немного разбираться в html-коде 😉 ) можно сделать следующее. Взять, к примеру, вот эту строку html-кода:

<iframe src="//scratch.mit.edu/projects/embed/137093699/?autostart=false" width="485" height="402" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

и заменить только цифры, задающие номер проекта на сайте Scratch (ниже выделяем их красным цветом):

<iframe src="//scratch.mit.edu/projects/embed/137093699/?autostart=false" width="485" height="402" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

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


Вот так! Теперь и без кнопки Embed мы можем публиковать свои scratch-игры на своём сайте так, чтобы в них можно было играть, не уходя со своего сайта.

 

4 комментария

  1. YOUTUBE_MEYSON Ответить
    19.09.2020 at 09:59

    а все я разобрался

    • Ольга Елисеева Ответить
      27.10.2020 at 13:48

      Отлично! ) Поделишься? 😉

  2. YOUTUBE_MEYSON Ответить
    19.09.2020 at 09:33

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

    • Ольга Елисеева Ответить
      27.10.2020 at 12:14

      Это связано с ограничениями конструктора или системы управления, с помощью которой создан сайт… Тут либо ничем не помочь, либо просить помощи у разработчиков конструктора, либо у разработчиков сайта…

Напиши вопрос или комментарий

Отменить ответ

Программирование игр

  • Детям
  • Родителям
  • Учителям
  • Студентам
  • Пишите нам, и мы ответим!

В помощь учителю

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


Entry Level Programming with Scratch — новый бесплатный курс для учителей и родителей от ЕПАМ></a><br />
<a href=«Entry Level Programming with Scratch»
новый бесплатный курс для учителей и родителей от ЕПАМ

Новости

9.11.2020 Открываем новую рубрику Scratch в вопросах и ответах. Как сделать… ?, в которой размещаем микро уроки с короткими ответами на вопросы о том, как работать в Scratch, создавать спрайты, рисовать, делать мультики, писать скрипты и др.

26.07.2020 Цикл уроков Как сделать мультиплеерную игру в Scratch? профессионального программиста Дениса Орлова.

25.07.2020 Мини-курс Как рисовать локации, персонажей и интерфейс игры в Scratch профессионального дизайнера Анны Василевской.

Весна-лето 2020 Мы размещаем работы других авторов.

Архив новостей

Наши партнёры

Вы можете поддержать проект :)

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

ОПРОС

...что мы думаем о Scratch? Ответьте, пожалуйста, на несколько вопросов

© Scratch.AELIT, 2016-2021. Использование материалов сайта разрешается с обязательной активной ссылкой на сайт.