Наш джойстик с каждым разом становится всё лучше и лучше. Давайте теперь сделаем так, чтобы он возвращался на место после каждого нажатия. Как вы наверное догадались нужно написать всего одну строчку:

onMouseRelease(() => {
        thumb.pos = vec2(0)
        this.direction = vec2(0)
        this.pos = this.startPos
      })

Это строчка

this.pos = this.startPos

, когда отпускаем курсор, то позиция джойстика возвращается на стартовую позицию.
Затем поправим ещё одну маленькую деталь, сделаем так чтобы внешний круг обратно становился чёрным, когда отпускаем курсор:

onMouseRelease(() => {
thumb.pos = vec2(0)
this.direction = vec2(0)
this.pos = this.startPos
outer.outline.color = BLACK
})