Програмирање игре у боји у Хипе-у

• Може 5, 2024

У претходном водичу смо увезли слике за игру бојања за иБоокс Аутор^Р коју правимо у Хипе Про. Сада ћемо у игру додати интерактивне елементе.

Отворите свој Хипе документ и покренимо.

Наш први корак је да додамо идентитет сваком од слојева који треба да нестану када се кликне. Ово укључује уметничке слојеве за тело патке, крила и кљун. Додјељивањем сваког од ових слојева Јединствени ИД елемента, онда можемо програмирати видљивост тих слојева ЈаваСцрипт-ом.

1. Отворите инспектор идентитета.
   
   
2. Одаберите слој дуцк_боди_лине у Главној временској траци.
   
   
3. У инспектора идентитета додајте јединствени ИД елемента. Користимо ИД Тело.
   
   
4. Одаберите слој дуцк_винг_лине и додајте Крила као јединствени ИД елемента.
   
   
5. Изаберите слој дуцк_беак_лине и додајте Кљун као јединствени ИД елемента.
   
   

Сада када слојеви имају јединствене ИД-ове елемената, ми можемо додати акцију тим слојевима. Користићемо ЈаваСцрипт и својство Дисплаи да бисмо контролисали видљивост ових слојева. Задана вредност својства за приказ је слика у реду, што значи да се слика приказује унутар остатка ХТМЛ-а и не започиње у новом ретку.

Да бисмо сакрили слике користићемо ЈаваСцрипт да бисмо променили вредност својства приказа у реду до ниједан за сваки од уметничких слојева. Ово ће открити слојеве за попуњавање боја испод.

објецт.стиле.дисплаи = "нема"

1. Отворите инспектор акције.
   
   
2. Одаберите слој дуцк_боди_лине.
   
   
3. У одељку „Укључи миш“ (додирните) кликните икону „Плус“.
   
   
4. У падајућем менију Акција изаберите Покрени ЈаваСцрипт.
   
   
5. Будући да ће ово бити прилагођени ЈаваСцрипт, подесите падајући мени Функција на Нова функција. Отвориће се нови прозор картице са подразумеваним ЈаваСцрипт кодом и функцијом која се зове унтитледФунцтион.
   
   
6. Промените име функције из унтитледФунцтион до БодиФунцтион. Видећете да се назив картице променио у БодиФунцтион ().
   
   Затим ћемо додати код на који ћемо поставити својство екрана ниједан за Тело елемент. У празан ред 5 додајте следећи код.
   
   хипеДоцумент.гетЕлементБиИд ("Боди"). стиле.дисплаи = "ноне";
   
   
7. Вратите се на прозор картице без наслова и одаберите слој дуцк_винг_лине.
   
   
8. Поновите претходни корак у који ћете променити име функције ВингФунцтион и додајте следећи ЈаваСцрипт.
   
   хипеДоцумент.гетЕлементБиИд ("крило"). стиле.дисплаи = "ноне";
   
   
9. Изаберите слој дуцк_беак_лине, промените назив функције у БеакФунцтион и додајте следећи ЈаваСцрипт.
   
   хипеДоцумент.гетЕлементБиИд ("кљун"). стиле.дисплаи = "ноне";
   
   То је то. Тестирајмо у претраживачу. Ако све пође добро, извозите пројекат као иБоокс Аутхор видгет.
   
   
10. Из менија кликните на Филе - Екпорт ас ХТМЛ5 - Видгет Дасхбоард / иБоокс Аутхор.
    
    

Видео Упутства: Age of Deceit (2) - Hive Mind Reptile Eyes Hypnotism Cults World Stage - Multi - Language (Може 2024).