Мы создали визуал для джойстика, но сейчас он сам по себе и никак не связан с нашей молью. Пришло время это исправить. Раньше код движения персонажа у нас был в основном коде, но мы так больше делать не будем т.к. научились создавать компоненты. Так что давайте создадим компонент controllerComp и добавим его нашей моли. Создавать компонент мы будем сразу в отдельном файле т.к. мы уже умеем это делать.
Стандартный шаблон компонента, который мы уже знаем:

export default function controllerComp() {
return {
id: "controllerComp",
require: ["pos"],

add() {

},
update() {

},
}
}

и стандартный импорт компонента:
не забудьте добавить компонент к моли.

import controllerComp from "./components/controllerComp.js"