@turbox3d/graphic-component-pixi
Version:
Graphic component library based on pixi
88 lines (87 loc) • 4.41 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _typeof = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
var _rendererPixi = require("@turbox3d/renderer-pixi");
var PIXI = _interopRequireWildcard(require("pixi.js"));
var _index = _interopRequireDefault(require("../draw-utils/index"));
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
/** 多边形 */
var Polygon = exports["default"] = /*#__PURE__*/function (_Mesh2D) {
function Polygon() {
var _this;
(0, _classCallCheck2["default"])(this, Polygon);
_this = _callSuper(this, Polygon, arguments);
_this.view = new PIXI.Graphics();
_this.reactivePipeLine = [_this.updateGeometry, _this.updateMaterial, _this.updatePosition, _this.updateRotation, _this.updateScale];
return _this;
}
(0, _inherits2["default"])(Polygon, _Mesh2D);
return (0, _createClass2["default"])(Polygon, [{
key: "updateGeometry",
value: function updateGeometry() {
this.view.clear();
var _this$props = this.props,
path = _this$props.path,
lineWidth = _this$props.lineWidth,
lineColor = _this$props.lineColor,
lineAlpha = _this$props.lineAlpha,
fillColor = _this$props.fillColor,
fillAlpha = _this$props.fillAlpha,
alpha = _this$props.alpha,
zIndex = _this$props.zIndex,
alignment = _this$props.alignment,
_native = _this$props["native"];
zIndex && (this.view.zIndex = zIndex);
_index["default"].drawPolygon(this.view, {
path: path.map(function (p) {
return {
x: p.x,
y: p.y
};
}),
lineWidth: lineWidth,
lineColor: lineColor,
lineAlpha: lineAlpha,
fillColor: fillColor,
fillAlpha: fillAlpha,
alpha: alpha,
alignment: alignment,
"native": _native
});
}
}, {
key: "updateMaterial",
value: function updateMaterial() {
//
}
}, {
key: "updatePosition",
value: function updatePosition() {
// const { position } = this.props;
// this.view.position.set(position!.x, position!.y);
}
}, {
key: "updateRotation",
value: function updateRotation() {
var _a;
this.view.rotation = (_a = this.props.rotation) !== null && _a !== void 0 ? _a : 0;
}
}, {
key: "updateScale",
value: function updateScale() {
var _a, _b, _c, _d;
this.view.scale.set((_b = (_a = this.props.scale) === null || _a === void 0 ? void 0 : _a.x) !== null && _b !== void 0 ? _b : 1, (_d = (_c = this.props.scale) === null || _c === void 0 ? void 0 : _c.y) !== null && _d !== void 0 ? _d : 1);
}
}]);
}(_rendererPixi.Mesh2D);