Создание и использование скрипта компонента

Создание скрипта компонента

В Cocos Creator скрипт также является частью ресурсов. Вы можете добавить и выбрать JavaScript или CoffeeScript для создания скрипта компонента, нажав кнопку «Создать» в редакторе ресурсов. К этому времени вы получите новый скрипт в редакторе ресурсов:

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

cc.Class({
    extends: cc.Component,

    properties: {
    },

    // use this for initialization
    onLoad: function () {
    },

    // called every frame, uncomment this function to activate update callback
    update: function (dt) {
    },
});

Редактирование скрипта

Дважды щелкнув ресурс скрипт, он открывается в редакторе по умолчанию в вашей системе. Мы рекомендуем использовать популярный редактор, например: Vim, Sublime Text, WebStorm, VSCode и т. д. Каждый редактор имеет свои преимущества и недостатки.

Отредактируйте скрипты и сохраните их. Cocos Creator автоматически обнаружит изменение скрипта и быстро скомпилирует его.

Добавление скрипта в узел сцены

Добавление скрипта в узел сцены фактически добавляет компонент к этому узлу. Давайте переименуем новый «NewScript.js» в «say-hello.js». Затем выберите узел сцены, который вы хотите добавить, к этому времени свойство этого узла будет показано в Cвойствах. В самом низу Свойства есть кнопка «Add Component». Нажмите кнопку и выберите: Add Custom Component -> say-hello, чтобы добавить новый скрипт компонент.

Если все будет хорошо, вы увидите свой скрипт, показанный в Cвойствах:

Примечание: Вы также можете добавить скрипт, перетащив ресурс скрипта в Cвойства.

Продолжайте читать про Объявление класса с помощью cc.Class.