Pixi.JS : Почему я не могу добавить Круг в качестве дочернего элемента контейнера?

#javascript #graphics #frontend #pixi.js

#javascript #графика #интерфейс #pixi.js

Вопрос:

Я Pixi.js новичок. Я хочу иметь проигрыватель, который бегает по экрану и состоит из нескольких графических примитивов, таких как круг и текст.

Я успешно создал контейнер и текст и добавил текст как дочерний элемент. Но когда я пытаюсь добавить Circle как дочерний элемент, я получаю сообщение об ошибке:

 error TypeError: Cannot set property '_parentID' of undefined
    at e.addChild (Container.ts:145)
    at s (brython.min.js:1)
    at build_player_avatar40 (eval at e.loop (brython.min.js:1), <anonymous>:4330:71)
    at pixi_setup39 (eval at e.loop (brython.min.js:1), <anonymous>:4241:113)
    at brython.min.js:1
    at t.value (mini-signals.js:93)
    at e._onComplete (Loader.js:623)
    at Loader.js:662
    at s (async.js:33)
    at e.t.use (SpritesheetLoader.ts:37)
  

Кто-нибудь знает, что не так?

Ответ №1:

Вы не можете добавить PIXI.Circle как дочерний объект, потому что он не наследуется от PIXI.DisplayObject . Правильным решением было бы создать PIXI.Графический объект (который является объектом отображения) и используйте drawCircle() функцию, чтобы нарисовать круг в графическом объекте. PIXI.Графика используется для создания отображаемых объектов из графических примитивов, таких как прямоугольники, полигоны и линии.

Приветствия!