Phaser 3: вызов функции из другого класса

Я создал функцию updateCanvas() в файле a.ts:

export class loadscene extends Scene {
  textures1!: any
  textures2!: any
  textures3!: any
  constructor() {
    const key = 'loadscene'
    super(key)
  }
  updateCanvas(scene){
    switch (scene) {
      case 'canvastextures1':
        this.textures1.update()
        break
      case 'canvastextures2':
        this.textures2.update()
        break
      case 'canvastextures3':
        this.textures3.update()
        break
    }
  }
}

и в файле b.ts я призываю использовать эту функцию, но не работаю:

import { loadscene } from './load.scene'
export class BattleScene extends Scene {
  loadScene!: loadscene
...
      this.loadScene = new loadscene()
      this.loadScene.updateCanvas(tile.body.gameObject.texture.key)

Я могу использовать функцию во внутреннем файле, но не могу вызывать из другого файла. У кого-нибудь есть идеи? Спасибо.

Зод: сила проверки и преобразования данных
Зод: сила проверки и преобразования данных
Сегодня я хочу познакомить вас с библиотекой Zod и раскрыть некоторые ее особенности, например, возможности валидации и трансформации данных, а также...
Как заставить Remix работать с Mantine и Cloudflare Pages/Workers
Как заставить Remix работать с Mantine и Cloudflare Pages/Workers
Мне нравится библиотека Mantine Component , но заставить ее работать без проблем с Remix бывает непросто.
Угловой продивер
Угловой продивер
Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.
TypeScript против JavaScript
TypeScript против JavaScript
TypeScript vs JavaScript - в чем различия и какой из них выбрать?
Синхронизация localStorage в масштабах всего приложения с помощью пользовательского реактивного хука useLocalStorage
Синхронизация localStorage в масштабах всего приложения с помощью пользовательского реактивного хука useLocalStorage
Не все нужно хранить на стороне сервера. Иногда все, что вам нужно, это постоянное хранилище на стороне клиента для хранения уникальных для клиента...
Что такое ленивая загрузка в Angular и как ее применять
Что такое ленивая загрузка в Angular и как ее применять
Ленивая загрузка - это техника, используемая в Angular для повышения производительности приложения путем загрузки модулей только тогда, когда они...
1
0
54
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Ну, я предполагаю, что проблема в этой строке this.loadScene = new loadscene().
При инициализации свойства this.loadScene вам нужно будет получить созданной сцены, а не создавать новую. вот так: this.loadScene = this.scene.get('loadscene').

Это должно работать (если компилятор выдает ошибку, вы должны изменить свойство с loadScene!: loadscene на loadScene!: any, иначе приведение может работать как this.loadScene = (this.scene.get('loadscene') as loadscene )).

P.s.: Я бы изменил параметр метода updateCanvas(scene), scene может быть неправильно понят, так как параметр ключ текстуры.
И начинайте имена классов с верхнего регистра. так что class LoadScene... будет лучше.

Обновлять:
код в codepen показывает, как я буду использовать typescript для вызова функций из другой сцены https://codepen.io/akumagamo/pen/WNMQWJe
В этом коде я меняю текстуру из другой сцены.

preview from CodePen

Вот соответствующий код (без текстурной части):.

class FirstScene extends Phaser.Scene {
  constructor() {
    super('firstScene')
  }
  
  create(){
    console.info('Create Call in First Scene!')
    this.scene.start('secondScene')
  }
  
  testME(){
    console.info('TEST ME')
    return `called function "testME" from scene:${this.scene.key}`;
  }
  
}

class SecondScene extends Phaser.Scene {
  parentScene: any
  constructor() {
    super('secondScene')
    
  }
  
  create(){
    let text = this.add.text(10,10, '"Create" in Second Scene!', {'color':'#fff'});
    this.parentScene = this.scene.get('firstScene')
    let newLine = this.parentScene.testME();
    text.setText(text.text + '\n' + newLine);
  }
}

когда я использую this.loadScene = this.scene.get('loadscene'). Он возвращается: Type 'Scene' is missing the following properties from type 'loadscene': textures1, textures2, textures3, land1, and 5 more.ts(2740)

CS No.1 06.05.2022 18:29

Класс Scene, класс Phaser.Scene? А как загружаются сцены?

winner_joiner 06.05.2022 18:43

сцены начинаются с this.scene.start()

CS No.1 06.05.2022 18:50

@ CSNo.1 CSNo.1 это проблема компиляции машинописного текста, самое быстрое решение - просто изменить loadScene!: loadscene на loadScene: any, я думаю, это должно помочь. Но я не уверен на 100%, так как я пишу фазерные приложения только на чистом Javascript, чтобы облегчить рабочий процесс без необходимости компиляции/транспиляции. вот так мини демо на codepen codepen.io/akumagamo/pen/WNMQWJe

winner_joiner 06.05.2022 19:50

@ CSNo.1 Я обновляю свой ответ и код, найденный в связанном CodePen, я думаю, что это должно охватывать основы, которые вы ищете.

winner_joiner 07.05.2022 16:01

Другие вопросы по теме

Получение ошибки: «ошибка: статическое утверждение не удалось: тип результата должен быть конструируемым из типа значения входного диапазона» при построении векторов классов
Не удается получить, если использовать переменную объекта в качестве параметра
Есть ли способ встроить элемент класса в элемент класса в Entity Framework?
Ошибка класса Python ClassMethod: принимает ровно 1 аргумент (даны 2)
Python: ООП, учебник 1: Классы и экземпляры: как использовать себя?
Python не может вывести статический тип подкласса при использовании фабрики обработчиков
Почему код внутри класса выполняется при его определении, а код внутри функции не выполняется до тех пор, пока он не будет вызван?
Как сделать динамическое назначение переменной класса?
Почему я получаю этот запрос об ошибке для набора элементов в b, который не относится к классу box [5]
Код tkinter после того, как mainloop() не выполняется после закрытия окна