components.Shape

компоненты : Shape

Наследуется от Container, и включает в себя все его свойства.

Shape - компонент, наследующийся от pixi.js Graphics, позволяющий отображать на экране геометрические фигуры.

Изменение формы кликабельной области при помощи компонента Shape

В играх часто возникает необходимость задать форму кликабельной области для некоторого объекта (чаще всего для кнопки). Для того чтобы сделать это в Thing-Editor, достаточно добавить на кнопку или другой объект дочерний объект Shape c включенным свойством isItHitArea. При этом Shape будет видимым только в режиме редактирования, а при запуске игры, Shape станет невидимым, и установит hitArea родителя в соответствии со своей формой.

Редактируемые свойства:

shape

Тип: String

Свойство указывает какую именно форму будет иметь данный Shape объект. В редакторе свойств данное поле является выпадающим списком. Доступные значения:

'Rect' - прямоугольник
'Round Rect' - прямоугольник со скругленными углами
'Circle' - круг
'Ellipse' - овал
'Polygon' - произвольный многоугольник.

В режиме polygon, на Shape временно добавляются дочерние объекты - вершины. Перемещением, копированием и удалением этих вершин задается форма полигона. Манипуляции с вершинами проводятся так же точно как и с другими объектами сцены. Подробнее о манипуляциях с объектами сцены.

width

Тип: Number

Задает ширину фигуры. В зависимости от установленного в поле shape значения, данное поле может быть недоступным.

height

Тип: Number

Задает высоту фигуры. В зависимости от установленного в поле shape значения, данное поле может быть недоступным.

shapeRadius

Тип: Number

Радиус скругления углов, либо радиус круга. В зависимости от установленного в поле shape значения, данное поле может быть недоступным.

shapeLineWidth

Тип: Number

Толщина обводки.

shapeLineColor

Тип: Number

Цвет обводки. В редакторе свойств это значение отображается в шестнадцатеричном виде. Поле имеет Number тип, поэтому, добавлять знак # в начале этого поля не нужно.

shapeLineAlpha

Тип: Number

Цвет обводки.

shapeLineAlignment

Тип: Number

Выравнивание обводки относительно заливки.

shapeFillColor

Тип: Number

Цвет заливки (fill color). В редакторе свойств это значение отображается в шестнадцатеричном виде. Поле имеет Number тип, поэтому, добавлять знак # в начале этого поля не нужно.