Программирование цветной игры в Hype

• May 4, 2024

В предыдущем уроке мы импортировали изображения для раскраски для iBooks Author.^р что мы делаем в Hype Pro. Теперь мы добавим интерактивные элементы в игру.

Откройте документ Hype и начнем.

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

1. Откройте инспектор идентификации.
   
   
2. Выберите слой duck_body_line на главной временной шкале.
   
   
3. В Identity Inspector добавьте уникальный идентификатор элемента. Давайте использовать идентификатор тело.
   
   
4. Выберите слой duck_wing_line и добавьте Крыло в качестве уникального идентификатора элемента.
   
   
5. Выберите слой duck_beak_line и добавьте Клюв в качестве уникального идентификатора элемента.
   
   

Теперь, когда слои имеют уникальные идентификаторы элементов, мы можем добавить действие к этим слоям. Мы будем использовать JavaScript и свойство Display для управления видимостью этих слоев. Значением свойства по умолчанию для изображения является в соответствииЭто означает, что изображение отображается в остальной части HTML и не начинается с новой строки.

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

object.style.display = "никто"

1. Откройте Инспектор действий.
   
   
2. Выберите слой duck_body_line.
   
   
3. В разделе «При щелчке мышью» нажмите значок «Плюс».
   
   
4. В раскрывающемся меню «Действие» выберите «Запустить JavaScript».
   
   
5. Поскольку это будет пользовательский JavaScript, установите раскрывающееся меню «Функция» на «Новая функция». Откроется окно новой вкладки с кодом JavaScript по умолчанию и функцией с именем untitledFunction.
   
   
6. Измените имя функции с untitledFunction в BodyFunction, Вы увидите, что название вкладки изменится на BodyFunction ().
   
   Далее мы добавим код для установки свойства отображения никто для тело элемент. Добавьте следующий код в пустую строку 5.
   
   hypeDocument.getElementById ("Body"). style.display = "none";
   
   
7. Вернитесь к окну вкладки Untitled Scene и выберите слой duck_wing_line.
   
   
8. Повторите предыдущий шаг, чтобы изменить имя функции на WingFunction и добавьте следующий JavaScript.
   
   hypeDocument.getElementById ("Wing"). style.display = "none";
   
   
9. Выберите слой duck_beak_line, измените имя функции на BeakFunction и добавьте следующий JavaScript.
   
   hypeDocument.getElementById ("Клюв"). style.display = "нет";
   
   Вот и все. Давайте проверим в браузере. Если все идет хорошо, экспортируйте проект как виджет iBooks Author.
   
   
10. В меню выберите Файл - Экспортировать как HTML5 - Виджет Dashboard / iBooks Author.
    
    

Видео инструкция: How To Adjust Your Logitech Mouse DPI And Settings - Full Tutorial (May 2024).