Implemented stacked button groups.
This commit is contained in:
parent
73342a0506
commit
614b4d8350
|
|
@ -3336,9 +3336,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
_removeSelfFromScatterContainer() {
|
_removeSelfFromScatterContainer() {
|
||||||
/**
|
// Removes self from container when it's closed.
|
||||||
Removes self from container when it's closed.
|
|
||||||
*/
|
|
||||||
if (this.container) {
|
if (this.container) {
|
||||||
this.container.remove(this);
|
this.container.remove(this);
|
||||||
}
|
}
|
||||||
|
|
@ -3937,10 +3935,7 @@
|
||||||
* @memberof DOMScatterContainer
|
* @memberof DOMScatterContainer
|
||||||
*/
|
*/
|
||||||
remove(scatter) {
|
remove(scatter) {
|
||||||
const element = scatter.element;
|
this.scatter.delete(scatter.element);
|
||||||
if (!this.scatter.has(element)) console.warn(`Try removing element that is not in the scatter.`, element);
|
|
||||||
|
|
||||||
this.scatter.delete(element);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
|
||||||
|
|
@ -2963,10 +2963,10 @@
|
||||||
* or a Theme object.
|
* or a Theme object.
|
||||||
* @param {number} [opts.minWidth=44] - Button: The minimum width of one button.
|
* @param {number} [opts.minWidth=44] - Button: The minimum width of one button.
|
||||||
* @param {number} [opts.minHeight=44] - Button: The minimum height of one button.
|
* @param {number} [opts.minHeight=44] - Button: The minimum height of one button.
|
||||||
* @param {number} [opts.maxWidth] - The maximum width of the button group. Only used if stacked is true and the orientation is horizontal.
|
* @param {number} [opts.maxWidth] - The maximum width of the button group. If the buttons are wider than the maximum width, the buttons get stacked. Note: The buttons can only be stacked if margin is not zero.
|
||||||
* @param {number} [opts.maxHeight] - The maximum height of the button group. Only used if stacked is true and the orientation is vertical.
|
* @param {number} [opts.maxHeight] - The maximum height of the button group. If the buttons are higher than the maximum height, the buttons get stacked. Note: The buttons can only be stacked if margin is not zero.
|
||||||
* @param {boolean} [opts.stacked=false] - If set to true, the buttons of the button group gets stacked if they are broader or higher than the maximum permitted width or height, depending on orientation.
|
* @param {number} [opts.stackPadding=10] - The padding for stacked buttons.
|
||||||
* @param {PIXI.Application} [opts.app] - The PixiJS Application. Must be set if you want to use the mousewheel to scroll your button group.
|
* @param {PIXI.Application} [opts.app] - The PixiJS Application. Must be set if you want to use the mousewheel to scroll your button group. Only used when the buttons are stacked (with maxWidth or maxHeight).
|
||||||
* @param {number} [opts.padding=Theme.padding] - Button: The inner spacing (distance from icon and/or label) the the border.
|
* @param {number} [opts.padding=Theme.padding] - Button: The inner spacing (distance from icon and/or label) the the border.
|
||||||
* @param {number} [opts.margin=Theme.margin] - The outer spacing (distance from one button to the previous/next button).
|
* @param {number} [opts.margin=Theme.margin] - The outer spacing (distance from one button to the previous/next button).
|
||||||
* @param {string} [opts.iconPosition=left] - Button: The position of the icon in relation to the label. Can be left or right.
|
* @param {string} [opts.iconPosition=left] - Button: The position of the icon in relation to the label. Can be left or right.
|
||||||
|
|
@ -3017,7 +3017,7 @@
|
||||||
minHeight: 44,
|
minHeight: 44,
|
||||||
maxWidth: null,
|
maxWidth: null,
|
||||||
maxHeight: null,
|
maxHeight: null,
|
||||||
stacked: false,
|
stackPadding: 10,
|
||||||
app: null,
|
app: null,
|
||||||
padding: theme.padding,
|
padding: theme.padding,
|
||||||
margin: theme.margin,
|
margin: theme.margin,
|
||||||
|
|
@ -3080,6 +3080,7 @@
|
||||||
// Buttons
|
// Buttons
|
||||||
//-----------------
|
//-----------------
|
||||||
let position = 0;
|
let position = 0;
|
||||||
|
let index = 0;
|
||||||
|
|
||||||
for (let it of this.opts.buttons) {
|
for (let it of this.opts.buttons) {
|
||||||
delete it.x;
|
delete it.x;
|
||||||
|
|
@ -3158,6 +3159,9 @@
|
||||||
};
|
};
|
||||||
|
|
||||||
position += (this.opts.orientation === 'horizontal' ? button.width : button.height) + this.opts.margin;
|
position += (this.opts.orientation === 'horizontal' ? button.width : button.height) + this.opts.margin;
|
||||||
|
|
||||||
|
button.__initIndex = index;
|
||||||
|
index++;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (this.opts.orientation === 'vertical') {
|
if (this.opts.orientation === 'vertical') {
|
||||||
|
|
@ -3177,7 +3181,7 @@
|
||||||
|
|
||||||
// interaction
|
// interaction
|
||||||
//--------------------
|
//--------------------
|
||||||
if (this.opts.stacked) {
|
if (this.opts.margin > 0 && (this.opts.maxWidth || this.opts.maxHeight)) {
|
||||||
this.interactive = true;
|
this.interactive = true;
|
||||||
this.on('pointerdown', this.onStart.bind(this));
|
this.on('pointerdown', this.onStart.bind(this));
|
||||||
this.on('pointermove', this.onMove.bind(this));
|
this.on('pointermove', this.onMove.bind(this));
|
||||||
|
|
@ -3209,7 +3213,6 @@
|
||||||
this.addChildAt(background, 0);
|
this.addChildAt(background, 0);
|
||||||
|
|
||||||
this.__initWidth = this.container.width;
|
this.__initWidth = this.container.width;
|
||||||
this.__deltaWidth = this.container.width - this.opts.maxWidth;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
return this
|
return this
|
||||||
|
|
@ -3229,9 +3232,9 @@
|
||||||
//-----------------
|
//-----------------
|
||||||
this.draw();
|
this.draw();
|
||||||
|
|
||||||
// stacked
|
// stack
|
||||||
//-----------------
|
//-----------------
|
||||||
if (this.opts.stacked) {
|
if (this.opts.margin > 0 && (this.opts.maxWidth || this.opts.maxHeight)) {
|
||||||
this.stack();
|
this.stack();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -3359,9 +3362,7 @@
|
||||||
this.container.position.y = event.data.global.y + this.__delta.y;
|
this.container.position.y = event.data.global.y + this.__delta.y;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (this.opts.stacked) {
|
this.stack();
|
||||||
this.stack();
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -3436,9 +3437,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
if (this.opts.stacked) {
|
this.stack();
|
||||||
this.stack();
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
@ -3455,36 +3454,107 @@
|
||||||
*
|
*
|
||||||
*/
|
*/
|
||||||
stack() {
|
stack() {
|
||||||
|
if (this.opts.maxWidth) {
|
||||||
|
this._stackHorizontal();
|
||||||
|
} else if (this.opts.maxHeight) {
|
||||||
|
this._stackVertical();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
_stackHorizontal() {
|
||||||
|
const sorted = [];
|
||||||
|
|
||||||
|
let reverseCounter = this.buttons.length - 1;
|
||||||
|
|
||||||
this.buttons.forEach((it, index) => {
|
this.buttons.forEach((it, index) => {
|
||||||
if (it.__originalPosition.x + this.container.x < 0) {
|
const leftCorner = it.__originalPosition.x + this.container.x;
|
||||||
|
const rightCorner = it.__originalPosition.x + it.width;
|
||||||
|
const paddingLeft = index * this.opts.stackPadding;
|
||||||
|
const paddingRight = reverseCounter * this.opts.stackPadding;
|
||||||
|
if (leftCorner < paddingLeft) {
|
||||||
// left border
|
// left border
|
||||||
it.x = -this.container.x;
|
it.x = -this.container.x + paddingLeft;
|
||||||
} else if (it.__originalPosition.x + it.width > Math.abs(this.container.x) + this.opts.maxWidth) {
|
} else if (rightCorner > -this.container.x + this.opts.maxWidth - paddingRight) {
|
||||||
// right border
|
// right border
|
||||||
it.x = Math.abs(this.container.x) + this.opts.maxWidth - it.width;
|
it.x = -this.container.x + this.opts.maxWidth - it.width - paddingRight;
|
||||||
} else {
|
} else {
|
||||||
it.x = it.__originalPosition.x;
|
it.x = it.__originalPosition.x;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
reverseCounter--;
|
||||||
|
|
||||||
|
sorted.push(it);
|
||||||
});
|
});
|
||||||
|
|
||||||
this.buttons.sort((a, b) => {
|
const min = Math.min(...sorted.map(it => it.x));
|
||||||
const delta = Math.abs(this.container.x) + this.opts.maxWidth / 2;
|
const max = Math.max(...sorted.map(it => it.x));
|
||||||
const distanceA = Math.abs(a.x - delta);
|
const center = (min + max) / 2;
|
||||||
const distanceB = Math.abs(b.x - delta);
|
|
||||||
if (distanceA > distanceB) {
|
// z-index
|
||||||
return -1
|
sorted
|
||||||
} else if (distanceB > distanceA) {
|
.sort((a, b) => {
|
||||||
return 1
|
const distanceA = Math.abs(a.x - center);
|
||||||
|
const distanceB = Math.abs(b.x - center);
|
||||||
|
if (distanceA < distanceB) {
|
||||||
|
return 1
|
||||||
|
} else if (distanceA > distanceB) {
|
||||||
|
return -1
|
||||||
|
} else {
|
||||||
|
return 0
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.forEach(it => it.parent.addChild(it));
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
_stackVertical() {
|
||||||
|
const sorted = [];
|
||||||
|
|
||||||
|
let reverseCounter = this.buttons.length - 1;
|
||||||
|
|
||||||
|
this.buttons.forEach((it, index) => {
|
||||||
|
const topCorner = it.__originalPosition.y + this.container.y;
|
||||||
|
const bottomCorner = it.__originalPosition.y + it.height;
|
||||||
|
const paddingTop = index * this.opts.stackPadding;
|
||||||
|
const paddingBottom = reverseCounter * this.opts.stackPadding;
|
||||||
|
if (topCorner < paddingTop) {
|
||||||
|
// top border
|
||||||
|
it.y = -this.container.y + paddingTop;
|
||||||
|
} else if (bottomCorner > -this.container.y + this.opts.maxHeight - paddingBottom) {
|
||||||
|
// bottom border
|
||||||
|
it.y = -this.container.y + this.opts.maxHeight - it.height - paddingBottom;
|
||||||
} else {
|
} else {
|
||||||
return 0
|
it.y = it.__originalPosition.y;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
reverseCounter--;
|
||||||
|
|
||||||
|
sorted.push(it);
|
||||||
});
|
});
|
||||||
|
|
||||||
this.buttons.forEach(it => {
|
const min = Math.min(...sorted.map(it => it.y));
|
||||||
const parent = it.parent;
|
const max = Math.max(...sorted.map(it => it.y));
|
||||||
parent.removeChild(it);
|
const center = (min + max) / 2;
|
||||||
parent.addChild(it);
|
|
||||||
});
|
// z-index
|
||||||
|
sorted
|
||||||
|
.sort((a, b) => {
|
||||||
|
const distanceA = Math.abs(a.y - center);
|
||||||
|
const distanceB = Math.abs(b.y - center);
|
||||||
|
if (distanceA < distanceB) {
|
||||||
|
return 1
|
||||||
|
} else if (distanceA > distanceB) {
|
||||||
|
return -1
|
||||||
|
} else {
|
||||||
|
return 0
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.forEach(it => it.parent.addChild(it));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -6782,9 +6852,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
_removeSelfFromScatterContainer() {
|
_removeSelfFromScatterContainer() {
|
||||||
/**
|
// Removes self from container when it's closed.
|
||||||
Removes self from container when it's closed.
|
|
||||||
*/
|
|
||||||
if (this.container) {
|
if (this.container) {
|
||||||
this.container.remove(this);
|
this.container.remove(this);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -2491,7 +2499,7 @@ a string, a number or a PIXI.Text object.</p>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_abstractpopup.js.html#line325">abstractpopup.js:325</a>
|
<a href="pixi_abstractpopup.js.html#line302">abstractpopup.js:302</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -2648,7 +2656,7 @@ a string, a number or a PIXI.Text object.</p>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_abstractpopup.js.html#line192">abstractpopup.js:192</a>
|
<a href="pixi_abstractpopup.js.html#line184">abstractpopup.js:184</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -2753,7 +2761,7 @@ a string, a number or a PIXI.Text object.</p>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_abstractpopup.js.html#line306">abstractpopup.js:306</a>
|
<a href="pixi_abstractpopup.js.html#line283">abstractpopup.js:283</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -2912,7 +2920,7 @@ a string, a number or a PIXI.Text object.</p>
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1939,7 +1947,7 @@ a string, a number or a PIXI.Text object.</p>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_abstractpopup.js.html#line325">abstractpopup.js:325</a>
|
<a href="pixi_abstractpopup.js.html#line302">abstractpopup.js:302</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -2100,7 +2108,7 @@ a string, a number or a PIXI.Text object.</p>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_badge.js.html#line110">badge.js:110</a>
|
<a href="pixi_badge.js.html#line106">badge.js:106</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -2209,7 +2217,7 @@ a string, a number or a PIXI.Text object.</p>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_abstractpopup.js.html#line306">abstractpopup.js:306</a>
|
<a href="pixi_abstractpopup.js.html#line283">abstractpopup.js:283</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -2368,7 +2376,7 @@ a string, a number or a PIXI.Text object.</p>
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1792,7 +1800,7 @@ app.scene.filters = [blurFilter]</code></pre>
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1465,7 +1473,7 @@
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_button.js.html#line109">button.js:109</a>
|
<a href="pixi_button.js.html#line110">button.js:110</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -3369,7 +3377,7 @@ the tint property of the icon sprite.</p>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_button.js.html#line207">button.js:207</a>
|
<a href="pixi_button.js.html#line204">button.js:204</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -3493,7 +3501,7 @@ the tint property of the icon sprite.</p>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_button.js.html#line659">button.js:659</a>
|
<a href="pixi_button.js.html#line624">button.js:624</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -3598,7 +3606,7 @@ the tint property of the icon sprite.</p>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_button.js.html#line402">button.js:402</a>
|
<a href="pixi_button.js.html#line386">button.js:386</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -3703,7 +3711,7 @@ the tint property of the icon sprite.</p>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_button.js.html#line643">button.js:643</a>
|
<a href="pixi_button.js.html#line608">button.js:608</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -3810,7 +3818,7 @@ the tint property of the icon sprite.</p>
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1465,7 +1473,7 @@
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_buttongroup.js.html#line80">buttongroup.js:80</a>
|
<a href="pixi_buttongroup.js.html#line84">buttongroup.js:84</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -1840,7 +1848,7 @@ or a Theme object.</p></td>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<p>The maximum width of the buttongroup. Only used if stacked is true and the orientation is horizontal.</p></td>
|
<p>The maximum width of the button group. If the buttons are wider than the maximum width, the buttons get stacked. Note: The buttons can only be stacked if margin is not zero.</p></td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1874,20 +1882,20 @@ or a Theme object.</p></td>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<p>The maximum height of the buttongroup. Only used if stacked is true and the orientation is vertical.</p></td>
|
<p>The maximum height of the button group. If the buttons are higher than the maximum height, the buttons get stacked. Note: The buttons can only be stacked if margin is not zero.</p></td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
|
|
||||||
<td class="name"><code>stacked</code></td>
|
<td class="name"><code>stackPadding</code></td>
|
||||||
|
|
||||||
|
|
||||||
<td class="type">
|
<td class="type">
|
||||||
|
|
||||||
|
|
||||||
<span class="param-type">boolean</span>
|
<span class="param-type">number</span>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1896,7 +1904,7 @@ or a Theme object.</p></td>
|
||||||
|
|
||||||
<td class="default">
|
<td class="default">
|
||||||
|
|
||||||
false
|
10
|
||||||
|
|
||||||
</td>
|
</td>
|
||||||
|
|
||||||
|
|
@ -1910,7 +1918,41 @@ or a Theme object.</p></td>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<p>If set to true, the buttons of the buttongroup gets stacked if they are broader or higher than the maximum permitted width or height, depending on orientation.</p></td>
|
<p>The padding for stacked buttons.</p></td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
|
||||||
|
<td class="name"><code>app</code></td>
|
||||||
|
|
||||||
|
|
||||||
|
<td class="type">
|
||||||
|
|
||||||
|
|
||||||
|
<span class="param-type">PIXI.Application</span>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</td>
|
||||||
|
|
||||||
|
|
||||||
|
<td class="default">
|
||||||
|
|
||||||
|
</td>
|
||||||
|
|
||||||
|
|
||||||
|
<td class="description last">
|
||||||
|
|
||||||
|
|
||||||
|
<span class="optional">optional</span>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<p>The PixiJS Application. Must be set if you want to use the mousewheel to scroll your button group. Only used when the buttons are stacked (with maxWidth or maxHeight).</p></td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -2977,6 +3019,274 @@ app.scene.addChild(buttonGroup)</code></pre>
|
||||||
|
|
||||||
<dl class="list-methods">
|
<dl class="list-methods">
|
||||||
|
|
||||||
|
<dt>
|
||||||
|
<div class="nameContainer">
|
||||||
|
<h4 class="name" id="_stackHorizontal">
|
||||||
|
<a class="share-icon" href="#_stackHorizontal"><span class="glyphicon glyphicon-link"></span></a>
|
||||||
|
<span class="">
|
||||||
|
_stackHorizontal
|
||||||
|
</span>
|
||||||
|
<span class="signature">()</span>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</h4>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="tag-source">
|
||||||
|
<a href="pixi_buttongroup.js.html#line548">buttongroup.js:548</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</dt>
|
||||||
|
<dd>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<dl class="details">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</dl>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<dt>
|
||||||
|
<div class="nameContainer">
|
||||||
|
<h4 class="name" id="_stackVertical">
|
||||||
|
<a class="share-icon" href="#_stackVertical"><span class="glyphicon glyphicon-link"></span></a>
|
||||||
|
<span class="">
|
||||||
|
_stackVertical
|
||||||
|
</span>
|
||||||
|
<span class="signature">()</span>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</h4>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="tag-source">
|
||||||
|
<a href="pixi_buttongroup.js.html#line599">buttongroup.js:599</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</dt>
|
||||||
|
<dd>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<dl class="details">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</dl>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<dt>
|
||||||
|
<div class="nameContainer">
|
||||||
|
<h4 class="name" id="capture">
|
||||||
|
<a class="share-icon" href="#capture"><span class="glyphicon glyphicon-link"></span></a>
|
||||||
|
<span class="">
|
||||||
|
capture
|
||||||
|
</span>
|
||||||
|
<span class="signature">(event)</span>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</h4>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="tag-source">
|
||||||
|
<a href="pixi_buttongroup.js.html#line529">buttongroup.js:529</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</dt>
|
||||||
|
<dd>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="description">
|
||||||
|
<p>Captures an event to inform InteractionMapper about processed events.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<table class="params">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
|
||||||
|
<th>Name</th>
|
||||||
|
|
||||||
|
|
||||||
|
<th>Type</th>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<th class="last">Description</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
|
||||||
|
<tbody>
|
||||||
|
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
|
||||||
|
<td class="name"><code>event</code></td>
|
||||||
|
|
||||||
|
|
||||||
|
<td class="type">
|
||||||
|
|
||||||
|
|
||||||
|
<span class="param-type">event</span>
|
||||||
|
|
|
||||||
|
|
||||||
|
<span class="param-type">PIXI.InteractionEvent</span>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</td>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<td class="description last">
|
||||||
|
|
||||||
|
<p>The PIXI event to capture.</p></td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<dl class="details">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</dl>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<dt>
|
<dt>
|
||||||
<div class="nameContainer">
|
<div class="nameContainer">
|
||||||
<h4 class="name" id="hide">
|
<h4 class="name" id="hide">
|
||||||
|
|
@ -2993,7 +3303,7 @@ app.scene.addChild(buttonGroup)</code></pre>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_buttongroup.js.html#line370">buttongroup.js:370</a>
|
<a href="pixi_buttongroup.js.html#line404">buttongroup.js:404</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -3098,7 +3408,7 @@ app.scene.addChild(buttonGroup)</code></pre>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_buttongroup.js.html#line265">buttongroup.js:265</a>
|
<a href="pixi_buttongroup.js.html#line307">buttongroup.js:307</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -3203,7 +3513,7 @@ app.scene.addChild(buttonGroup)</code></pre>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_buttongroup.js.html#line359">buttongroup.js:359</a>
|
<a href="pixi_buttongroup.js.html#line393">buttongroup.js:393</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -3288,6 +3598,78 @@ app.scene.addChild(buttonGroup)</code></pre>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<dt>
|
||||||
|
<div class="nameContainer">
|
||||||
|
<h4 class="name" id="stack">
|
||||||
|
<a class="share-icon" href="#stack"><span class="glyphicon glyphicon-link"></span></a>
|
||||||
|
<span class="">
|
||||||
|
stack
|
||||||
|
</span>
|
||||||
|
<span class="signature">()</span>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</h4>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="tag-source">
|
||||||
|
<a href="pixi_buttongroup.js.html#line537">buttongroup.js:537</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</dt>
|
||||||
|
<dd>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<dl class="details">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</dl>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</dd>
|
</dd>
|
||||||
|
|
||||||
</dl>
|
</dl>
|
||||||
|
|
@ -3310,7 +3692,7 @@ app.scene.addChild(buttonGroup)</code></pre>
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -5090,7 +5098,7 @@ i.e. after loading a single tile</p></td>
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -2603,7 +2611,7 @@ on completion.</p>
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -2399,7 +2407,7 @@ front.on('click', event => flippable.toggle())</code></pre>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_flippable.js.html#line352">flippable.js:352</a>
|
<a href="pixi_flippable.js.html#line331">flippable.js:331</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -2506,7 +2514,7 @@ front.on('click', event => flippable.toggle())</code></pre>
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1553,7 +1561,7 @@
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1557,7 +1565,7 @@
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_labeledgraphics.js.html#line118">labeledgraphics.js:118</a>
|
<a href="pixi_labeledgraphics.js.html#line112">labeledgraphics.js:112</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -1755,7 +1763,7 @@
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1910,7 +1918,7 @@ a string, a number or a PIXI.Text object.</p>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_abstractpopup.js.html#line325">abstractpopup.js:325</a>
|
<a href="pixi_abstractpopup.js.html#line302">abstractpopup.js:302</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -2069,7 +2077,7 @@ a string, a number or a PIXI.Text object.</p>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_popup.js.html#line148">popup.js:148</a>
|
<a href="pixi_popup.js.html#line134">popup.js:134</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -2178,7 +2186,7 @@ a string, a number or a PIXI.Text object.</p>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_abstractpopup.js.html#line306">abstractpopup.js:306</a>
|
<a href="pixi_abstractpopup.js.html#line283">abstractpopup.js:283</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -2337,7 +2345,7 @@ a string, a number or a PIXI.Text object.</p>
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1463,7 +1471,7 @@
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_labeledgraphics.js.html#line190">labeledgraphics.js:190</a>
|
<a href="pixi_labeledgraphics.js.html#line179">labeledgraphics.js:179</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -1555,7 +1563,7 @@
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1463,7 +1471,7 @@
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_labeledgraphics.js.html#line176">labeledgraphics.js:176</a>
|
<a href="pixi_labeledgraphics.js.html#line165">labeledgraphics.js:165</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -1571,7 +1579,7 @@ resuse and place labels across different layout variants</p>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_labeledgraphics.js.html#line362">labeledgraphics.js:362</a>
|
<a href="pixi_labeledgraphics.js.html#line341">labeledgraphics.js:341</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -1647,7 +1655,7 @@ resuse and place labels across different layout variants</p>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_labeledgraphics.js.html#line374">labeledgraphics.js:374</a>
|
<a href="pixi_labeledgraphics.js.html#line353">labeledgraphics.js:353</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -1723,7 +1731,7 @@ resuse and place labels across different layout variants</p>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_labeledgraphics.js.html#line215">labeledgraphics.js:215</a>
|
<a href="pixi_labeledgraphics.js.html#line204">labeledgraphics.js:204</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -1996,7 +2004,7 @@ maxWidth: {number} word wraps text using hyphenation if possible</p></td>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_labeledgraphics.js.html#line330">labeledgraphics.js:330</a>
|
<a href="pixi_labeledgraphics.js.html#line309">labeledgraphics.js:309</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -2146,7 +2154,7 @@ maxWidth: {number} word wraps text using hyphenation if possible</p></td>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_labeledgraphics.js.html#line339">labeledgraphics.js:339</a>
|
<a href="pixi_labeledgraphics.js.html#line318">labeledgraphics.js:318</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -2267,7 +2275,7 @@ maxWidth: {number} word wraps text using hyphenation if possible</p></td>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_labeledgraphics.js.html#line351">labeledgraphics.js:351</a>
|
<a href="pixi_labeledgraphics.js.html#line330">labeledgraphics.js:330</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -2388,7 +2396,7 @@ maxWidth: {number} word wraps text using hyphenation if possible</p></td>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_labeledgraphics.js.html#line281">labeledgraphics.js:281</a>
|
<a href="pixi_labeledgraphics.js.html#line270">labeledgraphics.js:270</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -2620,7 +2628,7 @@ than wanted</p>
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -2077,7 +2085,7 @@ app.scene.addChild(list)</code></pre>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_list.js.html#line392">list.js:392</a>
|
<a href="pixi_list.js.html#line375">list.js:375</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -2201,7 +2209,7 @@ app.scene.addChild(list)</code></pre>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_list.js.html#line150">list.js:150</a>
|
<a href="pixi_list.js.html#line148">list.js:148</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -2306,7 +2314,7 @@ app.scene.addChild(list)</code></pre>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_list.js.html#line261">list.js:261</a>
|
<a href="pixi_list.js.html#line251">list.js:251</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -2427,7 +2435,7 @@ app.scene.addChild(list)</code></pre>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_list.js.html#line136">list.js:136</a>
|
<a href="pixi_list.js.html#line134">list.js:134</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -2579,7 +2587,7 @@ app.scene.addChild(list)</code></pre>
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -2169,7 +2177,7 @@ a string, a number or a PIXI.Text object.</p>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_abstractpopup.js.html#line325">abstractpopup.js:325</a>
|
<a href="pixi_abstractpopup.js.html#line302">abstractpopup.js:302</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -2435,7 +2443,7 @@ a string, a number or a PIXI.Text object.</p>
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1783,7 +1791,7 @@ like Popup, Message...</p></div>
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1783,7 +1791,7 @@ like Popup, Message...</p></div>
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -2015,7 +2023,7 @@ a string or a PIXI.Text object.</p>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_modal.js.html#line172">modal.js:172</a>
|
<a href="pixi_modal.js.html#line169">modal.js:169</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -2229,7 +2237,7 @@ a string or a PIXI.Text object.</p>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_modal.js.html#line158">modal.js:158</a>
|
<a href="pixi_modal.js.html#line155">modal.js:155</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -2336,7 +2344,7 @@ a string or a PIXI.Text object.</p>
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1783,7 +1791,7 @@ like Popup, Message...</p></div>
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1783,7 +1791,7 @@ like Popup, Message...</p></div>
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1466,7 +1474,7 @@ by several functions and makes meaningful pre-assumptions.</p></div>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_app.js.html#line90">app.js:90</a>
|
<a href="pixi_app.js.html#line87">app.js:87</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -2316,7 +2324,7 @@ const app = new PIXIApp({
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_app.js.html#line293">app.js:293</a>
|
<a href="pixi_app.js.html#line281">app.js:281</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -2423,7 +2431,7 @@ const app = new PIXIApp({
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_app.js.html#line227">app.js:227</a>
|
<a href="pixi_app.js.html#line215">app.js:215</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -2552,7 +2560,7 @@ handler for the orientationchange event.</p>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_app.js.html#line707">app.js:707</a>
|
<a href="pixi_app.js.html#line667">app.js:667</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -2749,7 +2757,7 @@ to browser page coordinates.</p>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_app.js.html#line687">app.js:687</a>
|
<a href="pixi_app.js.html#line647">app.js:647</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -2946,7 +2954,7 @@ to local DisplayObject coordinates.</p>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_app.js.html#line265">app.js:265</a>
|
<a href="pixi_app.js.html#line253">app.js:253</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -3023,7 +3031,7 @@ to the layout method.</p>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_app.js.html#line407">app.js:407</a>
|
<a href="pixi_app.js.html#line385">app.js:385</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -3188,7 +3196,7 @@ to the layout method.</p>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_app.js.html#line258">app.js:258</a>
|
<a href="pixi_app.js.html#line246">app.js:246</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -3347,7 +3355,7 @@ adapt their layout to the new app size.</p>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_app.js.html#line485">app.js:485</a>
|
<a href="pixi_app.js.html#line459">app.js:459</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -3680,7 +3688,7 @@ renderer resolution?</p></td>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_app.js.html#line522">app.js:522</a>
|
<a href="pixi_app.js.html#line492">app.js:492</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -4013,7 +4021,7 @@ renderer resolution?</p></td>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_app.js.html#line463">app.js:463</a>
|
<a href="pixi_app.js.html#line439">app.js:439</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -4170,7 +4178,7 @@ renderer resolution?</p></td>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_app.js.html#line448">app.js:448</a>
|
<a href="pixi_app.js.html#line426">app.js:426</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -4327,7 +4335,7 @@ renderer resolution?</p></td>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_app.js.html#line621">app.js:621</a>
|
<a href="pixi_app.js.html#line581">app.js:581</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -4528,7 +4536,7 @@ rejected with an error.</td>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_app.js.html#line217">app.js:217</a>
|
<a href="pixi_app.js.html#line205">app.js:205</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -4633,7 +4641,7 @@ rejected with an error.</td>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_app.js.html#line245">app.js:245</a>
|
<a href="pixi_app.js.html#line233">app.js:233</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -4769,7 +4777,7 @@ rejected with an error.</td>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_app.js.html#line431">app.js:431</a>
|
<a href="pixi_app.js.html#line409">app.js:409</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -4930,7 +4938,7 @@ called without a parameter.</td>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_app.js.html#line590">app.js:590</a>
|
<a href="pixi_app.js.html#line550">app.js:550</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -5131,7 +5139,7 @@ rejected with an error.</td>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_app.js.html#line329">app.js:329</a>
|
<a href="pixi_app.js.html#line317">app.js:317</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -5428,7 +5436,7 @@ rejected with an error.</td>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_app.js.html#line167">app.js:167</a>
|
<a href="pixi_app.js.html#line161">app.js:161</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -5534,7 +5542,7 @@ Overwrite this method if you need additonal views and components.</p>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_app.js.html#line652">app.js:652</a>
|
<a href="pixi_app.js.html#line612">app.js:612</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -5737,7 +5745,7 @@ rejected with an error.</td>
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1465,7 +1473,7 @@
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_popup.js.html#line226">popup.js:226</a>
|
<a href="pixi_popup.js.html#line206">popup.js:206</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -1901,7 +1909,7 @@ a string, a number or a PIXI.Text object.</p>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_abstractpopup.js.html#line325">abstractpopup.js:325</a>
|
<a href="pixi_abstractpopup.js.html#line302">abstractpopup.js:302</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -2062,7 +2070,7 @@ a string, a number or a PIXI.Text object.</p>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_popup.js.html#line148">popup.js:148</a>
|
<a href="pixi_popup.js.html#line134">popup.js:134</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -2171,7 +2179,7 @@ a string, a number or a PIXI.Text object.</p>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_abstractpopup.js.html#line306">abstractpopup.js:306</a>
|
<a href="pixi_abstractpopup.js.html#line283">abstractpopup.js:283</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -2330,7 +2338,7 @@ a string, a number or a PIXI.Text object.</p>
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1783,7 +1791,7 @@ like Popup, Message...</p></div>
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1955,7 +1963,7 @@ a string, a number or a PIXI.Text object.</p>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_abstractpopup.js.html#line325">abstractpopup.js:325</a>
|
<a href="pixi_abstractpopup.js.html#line302">abstractpopup.js:302</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -2116,7 +2124,7 @@ a string, a number or a PIXI.Text object.</p>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_popup.js.html#line148">popup.js:148</a>
|
<a href="pixi_popup.js.html#line134">popup.js:134</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -2225,7 +2233,7 @@ a string, a number or a PIXI.Text object.</p>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_abstractpopup.js.html#line306">abstractpopup.js:306</a>
|
<a href="pixi_abstractpopup.js.html#line283">abstractpopup.js:283</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -2384,7 +2392,7 @@ a string, a number or a PIXI.Text object.</p>
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1783,7 +1791,7 @@ like Popup, Message...</p></div>
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1783,7 +1791,7 @@ like Popup, Message...</p></div>
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1783,7 +1791,7 @@ like Popup, Message...</p></div>
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1783,7 +1791,7 @@ like Popup, Message...</p></div>
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1783,7 +1791,7 @@ like Popup, Message...</p></div>
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -2552,7 +2560,7 @@ app.scene.addChild(progress)</code></pre>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_progress.js.html#line289">progress.js:289</a>
|
<a href="pixi_progress.js.html#line263">progress.js:263</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -2762,7 +2770,7 @@ app.scene.addChild(progress)</code></pre>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_progress.js.html#line278">progress.js:278</a>
|
<a href="pixi_progress.js.html#line252">progress.js:252</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -2869,7 +2877,7 @@ app.scene.addChild(progress)</code></pre>
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1701,7 +1709,7 @@ app.loader
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -2643,7 +2651,7 @@ app.scene.addChild(slider)</code></pre>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_slider.js.html#line492">slider.js:492</a>
|
<a href="pixi_slider.js.html#line458">slider.js:458</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -2748,7 +2756,7 @@ app.scene.addChild(slider)</code></pre>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_slider.js.html#line301">slider.js:301</a>
|
<a href="pixi_slider.js.html#line287">slider.js:287</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -2853,7 +2861,7 @@ app.scene.addChild(slider)</code></pre>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_slider.js.html#line476">slider.js:476</a>
|
<a href="pixi_slider.js.html#line442">slider.js:442</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -2960,7 +2968,7 @@ app.scene.addChild(slider)</code></pre>
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -3073,7 +3081,7 @@ app.scene.addChild(switch1)</code></pre>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_switch.js.html#line553">switch.js:553</a>
|
<a href="pixi_switch.js.html#line508">switch.js:508</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -3178,7 +3186,7 @@ app.scene.addChild(switch1)</code></pre>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_switch.js.html#line301">switch.js:301</a>
|
<a href="pixi_switch.js.html#line299">switch.js:299</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -3283,7 +3291,7 @@ app.scene.addChild(switch1)</code></pre>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_switch.js.html#line533">switch.js:533</a>
|
<a href="pixi_switch.js.html#line488">switch.js:488</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -3390,7 +3398,7 @@ app.scene.addChild(switch1)</code></pre>
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1463,7 +1471,7 @@
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_labeledgraphics.js.html#line139">labeledgraphics.js:139</a>
|
<a href="pixi_labeledgraphics.js.html#line133">labeledgraphics.js:133</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -1684,7 +1692,7 @@
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -2999,7 +3007,7 @@ const app = new PIXIApp({
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_theme.js.html#line176">theme.js:176</a>
|
<a href="pixi_theme.js.html#line175">theme.js:175</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -3159,7 +3167,7 @@ const app = new PIXIApp({
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1465,7 +1473,7 @@
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_theme.js.html#line208">theme.js:208</a>
|
<a href="pixi_theme.js.html#line207">theme.js:207</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -1580,7 +1588,7 @@ const app = new PIXIApp({
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1466,7 +1474,7 @@ The color1 is set to 0xf6f6f6, color2 to 0x282828.</p></div>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_theme.js.html#line233">theme.js:233</a>
|
<a href="pixi_theme.js.html#line232">theme.js:232</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -1592,7 +1600,7 @@ const app = new PIXIApp({
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1466,7 +1474,7 @@ The primaryColor is set to 0xd92f31.</p></div>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_theme.js.html#line261">theme.js:261</a>
|
<a href="pixi_theme.js.html#line260">theme.js:260</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -1592,7 +1600,7 @@ const app = new PIXIApp({
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -2044,7 +2052,7 @@ an indicator of tiles to free.</p>
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -2077,7 +2085,7 @@ a string, a number or a PIXI.Text object.</p>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_abstractpopup.js.html#line325">abstractpopup.js:325</a>
|
<a href="pixi_abstractpopup.js.html#line302">abstractpopup.js:302</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -2238,7 +2246,7 @@ a string, a number or a PIXI.Text object.</p>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_abstractpopup.js.html#line192">abstractpopup.js:192</a>
|
<a href="pixi_abstractpopup.js.html#line184">abstractpopup.js:184</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -2347,7 +2355,7 @@ a string, a number or a PIXI.Text object.</p>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_abstractpopup.js.html#line306">abstractpopup.js:306</a>
|
<a href="pixi_abstractpopup.js.html#line283">abstractpopup.js:283</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -2506,7 +2514,7 @@ a string, a number or a PIXI.Text object.</p>
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1962,7 +1970,7 @@ test.start()</code></pre>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="uitest.js.html#line301">uitest.js:301</a>
|
<a href="uitest.js.html#line287">uitest.js:287</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -2596,7 +2604,7 @@ test.start()</code></pre>
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="uitest.js.html#line455">uitest.js:455</a>
|
<a href="uitest.js.html#line423">uitest.js:423</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -4177,7 +4185,7 @@ test.start()</code></pre>
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -2093,7 +2101,7 @@ app.scene.addChild(button)</code></pre>
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1655,7 +1663,7 @@
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_button.js.html#line9">button.js:9</a>
|
<a href="pixi_button.js.html#line10">button.js:10</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -1943,7 +1951,7 @@
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_button.js.html#line25">button.js:25</a>
|
<a href="pixi_button.js.html#line26">button.js:26</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -2231,7 +2239,7 @@
|
||||||
|
|
||||||
|
|
||||||
<div class="tag-source">
|
<div class="tag-source">
|
||||||
<a href="pixi_button.js.html#line17">button.js:17</a>
|
<a href="pixi_button.js.html#line18">button.js:18</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -3314,7 +3322,7 @@
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1479,7 +1487,7 @@
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1523,12 +1531,10 @@ export default class AbstractPopup extends PIXI.Graphics {
|
||||||
|
|
||||||
if (this.opts.maxWidth) {
|
if (this.opts.maxWidth) {
|
||||||
this.headerStyle.wordWrap = true
|
this.headerStyle.wordWrap = true
|
||||||
this.headerStyle.wordWrapWidth =
|
this.headerStyle.wordWrapWidth = this.opts.maxWidth - 2 * this.opts.padding
|
||||||
this.opts.maxWidth - 2 * this.opts.padding
|
|
||||||
|
|
||||||
this.textStyle.wordWrap = true
|
this.textStyle.wordWrap = true
|
||||||
this.textStyle.wordWrapWidth =
|
this.textStyle.wordWrapWidth = this.opts.maxWidth - 2 * this.opts.padding
|
||||||
this.opts.maxWidth - 2 * this.opts.padding
|
|
||||||
}
|
}
|
||||||
|
|
||||||
this.alpha = 0
|
this.alpha = 0
|
||||||
|
|
@ -1571,10 +1577,7 @@ export default class AbstractPopup extends PIXI.Graphics {
|
||||||
if (this.opts.header instanceof PIXI.Text) {
|
if (this.opts.header instanceof PIXI.Text) {
|
||||||
header = this.opts.header
|
header = this.opts.header
|
||||||
} else if (typeof this.opts.header === 'number') {
|
} else if (typeof this.opts.header === 'number') {
|
||||||
header = new PIXI.Text(
|
header = new PIXI.Text(this.opts.header.toString(), this.headerStyle)
|
||||||
this.opts.header.toString(),
|
|
||||||
this.headerStyle
|
|
||||||
)
|
|
||||||
} else {
|
} else {
|
||||||
header = new PIXI.Text(this.opts.header, this.headerStyle)
|
header = new PIXI.Text(this.opts.header, this.headerStyle)
|
||||||
}
|
}
|
||||||
|
|
@ -1601,10 +1604,7 @@ export default class AbstractPopup extends PIXI.Graphics {
|
||||||
if (typeof this.opts.content === 'string') {
|
if (typeof this.opts.content === 'string') {
|
||||||
content = new PIXI.Text(this.opts.content, this.textStyle)
|
content = new PIXI.Text(this.opts.content, this.textStyle)
|
||||||
} else if (typeof this.opts.content === 'number') {
|
} else if (typeof this.opts.content === 'number') {
|
||||||
content = new PIXI.Text(
|
content = new PIXI.Text(this.opts.content.toString(), this.textStyle)
|
||||||
this.opts.content.toString(),
|
|
||||||
this.textStyle
|
|
||||||
)
|
|
||||||
} else {
|
} else {
|
||||||
content = this.opts.content
|
content = this.opts.content
|
||||||
}
|
}
|
||||||
|
|
@ -1675,31 +1675,16 @@ export default class AbstractPopup extends PIXI.Graphics {
|
||||||
* @return {AbstractPopup} A reference to the popup for chaining.
|
* @return {AbstractPopup} A reference to the popup for chaining.
|
||||||
*/
|
*/
|
||||||
draw() {
|
draw() {
|
||||||
const square =
|
const square = Math.round(this.wantedWidth) === Math.round(this.wantedHeight)
|
||||||
Math.round(this.wantedWidth) === Math.round(this.wantedHeight)
|
|
||||||
const diameter = Math.round(this.opts.radius * 2)
|
const diameter = Math.round(this.opts.radius * 2)
|
||||||
|
|
||||||
this.clear()
|
this.clear()
|
||||||
this.lineStyle(
|
this.lineStyle(this.opts.strokeWidth, this.opts.stroke, this.opts.strokeAlpha)
|
||||||
this.opts.strokeWidth,
|
|
||||||
this.opts.stroke,
|
|
||||||
this.opts.strokeAlpha
|
|
||||||
)
|
|
||||||
this.beginFill(this.opts.fill, this.opts.fillAlpha)
|
this.beginFill(this.opts.fill, this.opts.fillAlpha)
|
||||||
if (square && diameter === this.wantedWidth) {
|
if (square && diameter === this.wantedWidth) {
|
||||||
this.drawCircle(
|
this.drawCircle(this.wantedWidth / 2, this.wantedHeight / 2, this.opts.radius)
|
||||||
this.wantedWidth / 2,
|
|
||||||
this.wantedHeight / 2,
|
|
||||||
this.opts.radius
|
|
||||||
)
|
|
||||||
} else {
|
} else {
|
||||||
this.drawRoundedRect(
|
this.drawRoundedRect(0, 0, this.wantedWidth, this.wantedHeight, this.opts.radius)
|
||||||
0,
|
|
||||||
0,
|
|
||||||
this.wantedWidth,
|
|
||||||
this.wantedHeight,
|
|
||||||
this.opts.radius
|
|
||||||
)
|
|
||||||
}
|
}
|
||||||
this.endFill()
|
this.endFill()
|
||||||
|
|
||||||
|
|
@ -1825,7 +1810,7 @@ export default class AbstractPopup extends PIXI.Graphics {
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1468,10 +1476,7 @@ class FullscreenInteractionManager extends PIXI.interaction.InteractionManager {
|
||||||
let dy = 0
|
let dy = 0
|
||||||
let canvas = this.renderer.view
|
let canvas = this.renderer.view
|
||||||
let context = canvas.getContext('webgl')
|
let context = canvas.getContext('webgl')
|
||||||
if (
|
if (context.drawingBufferWidth < canvas.width || context.drawingBufferHeight < canvas.height) {
|
||||||
context.drawingBufferWidth < canvas.width ||
|
|
||||||
context.drawingBufferHeight < canvas.height
|
|
||||||
) {
|
|
||||||
extendWidth = context.drawingBufferWidth / canvas.width
|
extendWidth = context.drawingBufferWidth / canvas.width
|
||||||
extendHeight = context.drawingBufferHeight / canvas.height
|
extendHeight = context.drawingBufferHeight / canvas.height
|
||||||
//dx = wantedWidth - context.drawingBufferWidth
|
//dx = wantedWidth - context.drawingBufferWidth
|
||||||
|
|
@ -1583,10 +1588,7 @@ export default class PIXIApp extends PIXI.Application {
|
||||||
console.log('App is in fullScreen mode or autoResize mode')
|
console.log('App is in fullScreen mode or autoResize mode')
|
||||||
const resizeDebounced = debounce(event => this.resize(event), 50)
|
const resizeDebounced = debounce(event => this.resize(event), 50)
|
||||||
window.addEventListener('resize', resizeDebounced)
|
window.addEventListener('resize', resizeDebounced)
|
||||||
document.body.addEventListener(
|
document.body.addEventListener('orientationchange', this.checkOrientation.bind(this))
|
||||||
'orientationchange',
|
|
||||||
this.checkOrientation.bind(this)
|
|
||||||
)
|
|
||||||
}
|
}
|
||||||
if (monkeyPatchMapping) {
|
if (monkeyPatchMapping) {
|
||||||
console.log('Using monkey patched coordinate mapping')
|
console.log('Using monkey patched coordinate mapping')
|
||||||
|
|
@ -1617,18 +1619,12 @@ export default class PIXIApp extends PIXI.Application {
|
||||||
uri: '/graphql'
|
uri: '/graphql'
|
||||||
})
|
})
|
||||||
|
|
||||||
const wsClient = new subscriptions.SubscriptionClient(
|
const wsClient = new subscriptions.SubscriptionClient(`wss://${location.hostname}/subscriptions`, {
|
||||||
`wss://${location.hostname}/subscriptions`,
|
reconnect: true,
|
||||||
{
|
connectionParams: {}
|
||||||
reconnect: true,
|
})
|
||||||
connectionParams: {}
|
|
||||||
}
|
|
||||||
)
|
|
||||||
|
|
||||||
const networkInterfaceWithSubscriptions = subscriptions.addGraphQLSubscriptions(
|
const networkInterfaceWithSubscriptions = subscriptions.addGraphQLSubscriptions(networkInterface, wsClient)
|
||||||
networkInterface,
|
|
||||||
wsClient
|
|
||||||
)
|
|
||||||
|
|
||||||
this.apolloClient = new apollo.ApolloClient({
|
this.apolloClient = new apollo.ApolloClient({
|
||||||
networkInterface: networkInterfaceWithSubscriptions
|
networkInterface: networkInterfaceWithSubscriptions
|
||||||
|
|
@ -1764,10 +1760,7 @@ export default class PIXIApp extends PIXI.Application {
|
||||||
* @param {number} [opts.height=window.innerHeight] - The height of the app to resize to.
|
* @param {number} [opts.height=window.innerHeight] - The height of the app to resize to.
|
||||||
* @return {PIXIApp} - Returns the PIXIApp for chaining.
|
* @return {PIXIApp} - Returns the PIXIApp for chaining.
|
||||||
*/
|
*/
|
||||||
resize(
|
resize(event, { width = window.innerWidth, height = window.innerHeight } = {}) {
|
||||||
event,
|
|
||||||
{ width = window.innerWidth, height = window.innerHeight } = {}
|
|
||||||
) {
|
|
||||||
this.width = width
|
this.width = width
|
||||||
this.height = height
|
this.height = height
|
||||||
this.expandRenderer()
|
this.expandRenderer()
|
||||||
|
|
@ -1788,8 +1781,7 @@ export default class PIXIApp extends PIXI.Application {
|
||||||
monkeyPatchPixiMapping() {
|
monkeyPatchPixiMapping() {
|
||||||
if (this.originalMapPositionToPoint === null) {
|
if (this.originalMapPositionToPoint === null) {
|
||||||
let interactionManager = this.renderer.plugins.interaction
|
let interactionManager = this.renderer.plugins.interaction
|
||||||
this.originalMapPositionToPoint =
|
this.originalMapPositionToPoint = interactionManager.mapPositionToPoint
|
||||||
interactionManager.mapPositionToPoint
|
|
||||||
interactionManager.mapPositionToPoint = (point, x, y) => {
|
interactionManager.mapPositionToPoint = (point, x, y) => {
|
||||||
return this.fixedMapPositionToPoint(point, x, y)
|
return this.fixedMapPositionToPoint(point, x, y)
|
||||||
}
|
}
|
||||||
|
|
@ -1818,8 +1810,7 @@ export default class PIXIApp extends PIXI.Application {
|
||||||
|
|
||||||
if (
|
if (
|
||||||
context !== null &&
|
context !== null &&
|
||||||
(context.drawingBufferWidth < canvas.width ||
|
(context.drawingBufferWidth < canvas.width || context.drawingBufferHeight < canvas.height)
|
||||||
context.drawingBufferHeight < canvas.height)
|
|
||||||
) {
|
) {
|
||||||
extendWidth = context.drawingBufferWidth / canvas.width
|
extendWidth = context.drawingBufferWidth / canvas.width
|
||||||
extendHeight = context.drawingBufferHeight / canvas.height
|
extendHeight = context.drawingBufferHeight / canvas.height
|
||||||
|
|
@ -1828,12 +1819,7 @@ export default class PIXIApp extends PIXI.Application {
|
||||||
}
|
}
|
||||||
x *= extendWidth
|
x *= extendWidth
|
||||||
y *= extendHeight
|
y *= extendHeight
|
||||||
return this.originalMapPositionToPoint.call(
|
return this.originalMapPositionToPoint.call(interactionManager, local, x, y + dy)
|
||||||
interactionManager,
|
|
||||||
local,
|
|
||||||
x,
|
|
||||||
y + dy
|
|
||||||
)
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
@ -1884,9 +1870,7 @@ export default class PIXIApp extends PIXI.Application {
|
||||||
* @return {Modal} Returns the Modal object.
|
* @return {Modal} Returns the Modal object.
|
||||||
*/
|
*/
|
||||||
modal(opts = {}) {
|
modal(opts = {}) {
|
||||||
let modal = new Modal(
|
let modal = new Modal(Object.assign({ theme: this.theme }, opts, { app: this }))
|
||||||
Object.assign({ theme: this.theme }, opts, { app: this })
|
|
||||||
)
|
|
||||||
this.scene.addChild(modal)
|
this.scene.addChild(modal)
|
||||||
|
|
||||||
return modal
|
return modal
|
||||||
|
|
@ -1899,9 +1883,7 @@ export default class PIXIApp extends PIXI.Application {
|
||||||
* @return {Message} Returns the Message object.
|
* @return {Message} Returns the Message object.
|
||||||
*/
|
*/
|
||||||
message(opts = {}) {
|
message(opts = {}) {
|
||||||
let message = new Message(
|
let message = new Message(Object.assign({ theme: this.theme }, opts, { app: this }))
|
||||||
Object.assign({ theme: this.theme }, opts, { app: this })
|
|
||||||
)
|
|
||||||
this.scene.addChild(message)
|
this.scene.addChild(message)
|
||||||
|
|
||||||
return message
|
return message
|
||||||
|
|
@ -1920,11 +1902,7 @@ export default class PIXIApp extends PIXI.Application {
|
||||||
* @param {boolean} [opts.progress=false] - Should a progress bar display the loading status?
|
* @param {boolean} [opts.progress=false] - Should a progress bar display the loading status?
|
||||||
* @return {PIXIApp} The PIXIApp object for chaining.
|
* @return {PIXIApp} The PIXIApp object for chaining.
|
||||||
*/
|
*/
|
||||||
loadSprites(
|
loadSprites(resources, loaded = null, { resolutionDependent = true, progress = false } = {}) {
|
||||||
resources,
|
|
||||||
loaded = null,
|
|
||||||
{ resolutionDependent = true, progress = false } = {}
|
|
||||||
) {
|
|
||||||
this.loadTextures(
|
this.loadTextures(
|
||||||
resources,
|
resources,
|
||||||
textures => {
|
textures => {
|
||||||
|
|
@ -1957,11 +1935,7 @@ export default class PIXIApp extends PIXI.Application {
|
||||||
* @param {boolean} [opts.progress=false] - Should a progress bar display the loading status?
|
* @param {boolean} [opts.progress=false] - Should a progress bar display the loading status?
|
||||||
* @return {PIXIApp} The PIXIApp object for chaining.
|
* @return {PIXIApp} The PIXIApp object for chaining.
|
||||||
*/
|
*/
|
||||||
loadTextures(
|
loadTextures(resources, loaded = null, { resolutionDependent = true, progress = false } = {}) {
|
||||||
resources,
|
|
||||||
loaded = null,
|
|
||||||
{ resolutionDependent = true, progress = false } = {}
|
|
||||||
) {
|
|
||||||
if (!Array.isArray(resources)) {
|
if (!Array.isArray(resources)) {
|
||||||
resources = [resources]
|
resources = [resources]
|
||||||
}
|
}
|
||||||
|
|
@ -1974,16 +1948,10 @@ export default class PIXIApp extends PIXI.Application {
|
||||||
let resolution = Math.round(this.renderer.resolution)
|
let resolution = Math.round(this.renderer.resolution)
|
||||||
switch (resolution) {
|
switch (resolution) {
|
||||||
case 2:
|
case 2:
|
||||||
loader.add(
|
loader.add(resource, resource.replace(/\.([^.]*)$/, '@2x.$1'))
|
||||||
resource,
|
|
||||||
resource.replace(/\.([^.]*)$/, '@2x.$1')
|
|
||||||
)
|
|
||||||
break
|
break
|
||||||
case 3:
|
case 3:
|
||||||
loader.add(
|
loader.add(resource, resource.replace(/\.([^.]*)$/, '@3x.$1'))
|
||||||
resource,
|
|
||||||
resource.replace(/\.([^.]*)$/, '@3x.$1')
|
|
||||||
)
|
|
||||||
break
|
break
|
||||||
default:
|
default:
|
||||||
loader.add(resource)
|
loader.add(resource)
|
||||||
|
|
@ -2148,11 +2116,7 @@ export default class PIXIApp extends PIXI.Application {
|
||||||
pixiGlobal.x *= resolution
|
pixiGlobal.x *= resolution
|
||||||
pixiGlobal.y *= resolution
|
pixiGlobal.y *= resolution
|
||||||
// console.log("app.convertPointFromNodeToPage", pixiGlobal)
|
// console.log("app.convertPointFromNodeToPage", pixiGlobal)
|
||||||
return window.convertPointFromNodeToPage(
|
return window.convertPointFromNodeToPage(app.view, pixiGlobal.x, pixiGlobal.y)
|
||||||
app.view,
|
|
||||||
pixiGlobal.x,
|
|
||||||
pixiGlobal.y
|
|
||||||
)
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -2227,7 +2191,7 @@ class FpsDisplay extends PIXI.Graphics {
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1527,11 +1535,7 @@ export default class Badge extends AbstractPopup {
|
||||||
content: this.opts.tooltip
|
content: this.opts.tooltip
|
||||||
})
|
})
|
||||||
} else {
|
} else {
|
||||||
this.opts.tooltip = Object.assign(
|
this.opts.tooltip = Object.assign({}, { object: this }, this.opts.tooltip)
|
||||||
{},
|
|
||||||
{ object: this },
|
|
||||||
this.opts.tooltip
|
|
||||||
)
|
|
||||||
this.tooltip = new Tooltip(this.opts.tooltip)
|
this.tooltip = new Tooltip(this.opts.tooltip)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -1548,12 +1552,8 @@ export default class Badge extends AbstractPopup {
|
||||||
layout() {
|
layout() {
|
||||||
super.layout()
|
super.layout()
|
||||||
|
|
||||||
this.content.x =
|
this.content.x = this.width / 2 - this.content.width / 2 - this.opts.strokeWidth / 2
|
||||||
this.width / 2 - this.content.width / 2 - this.opts.strokeWidth / 2
|
this.content.y = this.height / 2 - this.content.height / 2 - this.opts.strokeWidth / 2
|
||||||
this.content.y =
|
|
||||||
this.height / 2 -
|
|
||||||
this.content.height / 2 -
|
|
||||||
this.opts.strokeWidth / 2
|
|
||||||
|
|
||||||
return this
|
return this
|
||||||
}
|
}
|
||||||
|
|
@ -1571,7 +1571,7 @@ export default class Badge extends AbstractPopup {
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1508,9 +1516,7 @@ export default class BlurFilter extends PIXI.Filter {
|
||||||
return this.tiltShiftXFilter.shape
|
return this.tiltShiftXFilter.shape
|
||||||
}
|
}
|
||||||
set shape(value) {
|
set shape(value) {
|
||||||
this.tiltShiftXFilter.shape = this.tiltShiftYFilter.shape = this.normalize(
|
this.tiltShiftXFilter.shape = this.tiltShiftYFilter.shape = this.normalize(value)
|
||||||
value
|
|
||||||
)
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
@ -1629,12 +1635,7 @@ class TiltShiftAxisFilter extends PIXI.Filter {
|
||||||
this.uniforms.circle = [shape.x, shape.y, shape.r]
|
this.uniforms.circle = [shape.x, shape.y, shape.r]
|
||||||
} else {
|
} else {
|
||||||
this.uniforms.shape = 2
|
this.uniforms.shape = 2
|
||||||
this.uniforms.rectangle = [
|
this.uniforms.rectangle = [shape.x, shape.y, shape.x + shape.width, shape.y + shape.height]
|
||||||
shape.x,
|
|
||||||
shape.y,
|
|
||||||
shape.x + shape.width,
|
|
||||||
shape.y + shape.height
|
|
||||||
]
|
|
||||||
}
|
}
|
||||||
this.uniforms.blur = blur
|
this.uniforms.blur = blur
|
||||||
this.uniforms.delta = new PIXI.Point(0, 0)
|
this.uniforms.delta = new PIXI.Point(0, 0)
|
||||||
|
|
@ -1668,12 +1669,7 @@ class TiltShiftAxisFilter extends PIXI.Filter {
|
||||||
return new PIXI.Circle(circle[0], circle[1], circle[2])
|
return new PIXI.Circle(circle[0], circle[1], circle[2])
|
||||||
} else {
|
} else {
|
||||||
const rectangle = this.uniforms.rectangle
|
const rectangle = this.uniforms.rectangle
|
||||||
return new PIXI.Rectangle(
|
return new PIXI.Rectangle(rectangle[0], rectangle[1], rectangle[2], rectangle[3])
|
||||||
rectangle[0],
|
|
||||||
rectangle[1],
|
|
||||||
rectangle[2],
|
|
||||||
rectangle[3]
|
|
||||||
)
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
set shape(value) {
|
set shape(value) {
|
||||||
|
|
@ -1682,12 +1678,7 @@ class TiltShiftAxisFilter extends PIXI.Filter {
|
||||||
this.uniforms.circle = [value.x, value.y, value.r]
|
this.uniforms.circle = [value.x, value.y, value.r]
|
||||||
} else {
|
} else {
|
||||||
this.uniforms.shape = 2
|
this.uniforms.shape = 2
|
||||||
this.uniforms.rectangle = [
|
this.uniforms.rectangle = [value.x, value.y, value.x + value.width, value.y + value.height]
|
||||||
value.x,
|
|
||||||
value.y,
|
|
||||||
value.x + value.width,
|
|
||||||
value.y + value.height
|
|
||||||
]
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -1738,7 +1729,7 @@ class TiltShiftYFilter extends TiltShiftAxisFilter {
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1438,11 +1446,12 @@
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<article>
|
<article>
|
||||||
<pre id="source-code" class="prettyprint source linenums"><code>/* global PIXI TweenLite */
|
<pre id="source-code" class="prettyprint source linenums"><code>/* global */
|
||||||
import Theme from './theme.js'
|
import Theme from './theme.js'
|
||||||
import Tooltip from './tooltip.js'
|
import Tooltip from './tooltip.js'
|
||||||
import Badge from './badge.js'
|
import Badge from './badge.js'
|
||||||
import Events from '../events.js'
|
import Events from '../events.js'
|
||||||
|
import { Points } from '../utils.js'
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Callback for the button action.
|
* Callback for the button action.
|
||||||
|
|
@ -1596,15 +1605,9 @@ export default class Button extends PIXI.Container {
|
||||||
|
|
||||||
this.id = this.opts.id
|
this.id = this.opts.id
|
||||||
|
|
||||||
if (
|
if (typeof this.opts.icon === 'undefined' && typeof this.opts.iconActive !== 'undefined') {
|
||||||
typeof this.opts.icon === 'undefined' &&
|
|
||||||
typeof this.opts.iconActive !== 'undefined'
|
|
||||||
) {
|
|
||||||
this.opts.icon = this.opts.iconActive
|
this.opts.icon = this.opts.iconActive
|
||||||
} else if (
|
} else if (typeof this.opts.icon !== 'undefined' && typeof this.opts.iconActive === 'undefined') {
|
||||||
typeof this.opts.icon !== 'undefined' &&
|
|
||||||
typeof this.opts.iconActive === 'undefined'
|
|
||||||
) {
|
|
||||||
this.opts.iconActive = this.opts.icon
|
this.opts.iconActive = this.opts.icon
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -1620,6 +1623,8 @@ export default class Button extends PIXI.Container {
|
||||||
this._active = null
|
this._active = null
|
||||||
this._disabled = null
|
this._disabled = null
|
||||||
|
|
||||||
|
this.__start = { x: null, y: null }
|
||||||
|
|
||||||
this.iconInactive = null
|
this.iconInactive = null
|
||||||
this.iconActive = null
|
this.iconActive = null
|
||||||
this.text = null
|
this.text = null
|
||||||
|
|
@ -1674,17 +1679,11 @@ export default class Button extends PIXI.Container {
|
||||||
// Icon
|
// Icon
|
||||||
//-----------------
|
//-----------------
|
||||||
if (this.opts.icon) {
|
if (this.opts.icon) {
|
||||||
this.iconInactive = this.loadIcon(
|
this.iconInactive = this.loadIcon(this.opts.icon, this.opts.iconColor)
|
||||||
this.opts.icon,
|
|
||||||
this.opts.iconColor
|
|
||||||
)
|
|
||||||
}
|
}
|
||||||
|
|
||||||
if (this.opts.iconActive) {
|
if (this.opts.iconActive) {
|
||||||
this.iconActive = this.loadIcon(
|
this.iconActive = this.loadIcon(this.opts.iconActive, this.opts.iconColorActive)
|
||||||
this.opts.iconActive,
|
|
||||||
this.opts.iconColorActive
|
|
||||||
)
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// interaction
|
// interaction
|
||||||
|
|
@ -1712,6 +1711,8 @@ export default class Button extends PIXI.Container {
|
||||||
// eslint-disable-next-line no-unused-vars
|
// eslint-disable-next-line no-unused-vars
|
||||||
this.button.on('pointerdown', e => {
|
this.button.on('pointerdown', e => {
|
||||||
//this.capture(e)
|
//this.capture(e)
|
||||||
|
this.__start.x = e.data.global.x
|
||||||
|
this.__start.y = e.data.global.y
|
||||||
TweenLite.to([this.button, this.content], this.theme.fast, {
|
TweenLite.to([this.button, this.content], this.theme.fast, {
|
||||||
alpha: 0.7,
|
alpha: 0.7,
|
||||||
overwrite: 'none'
|
overwrite: 'none'
|
||||||
|
|
@ -1720,25 +1721,30 @@ export default class Button extends PIXI.Container {
|
||||||
|
|
||||||
this.button.on('pointerup', e => {
|
this.button.on('pointerup', e => {
|
||||||
this.capture(e)
|
this.capture(e)
|
||||||
if (this.opts.beforeAction) {
|
|
||||||
this.opts.beforeAction.call(this, e, this)
|
|
||||||
}
|
|
||||||
|
|
||||||
if (this.opts.action) {
|
const distance = Points.distance(e.data.global, this.__start)
|
||||||
this.opts.action.call(this, e, this)
|
|
||||||
}
|
|
||||||
|
|
||||||
TweenLite.to([this.button, this.content], this.theme.fast, {
|
if (distance < 5) {
|
||||||
alpha: 0.83,
|
if (this.opts.beforeAction) {
|
||||||
overwrite: 'none'
|
this.opts.beforeAction.call(this, e, this)
|
||||||
})
|
}
|
||||||
|
|
||||||
if (this.opts.type === 'checkbox') {
|
if (this.opts.action) {
|
||||||
this.active = !this.active
|
this.opts.action.call(this, e, this)
|
||||||
}
|
}
|
||||||
|
|
||||||
if (this.opts.afterAction) {
|
TweenLite.to([this.button, this.content], this.theme.fast, {
|
||||||
this.opts.afterAction.call(this, e, this)
|
alpha: 0.83,
|
||||||
|
overwrite: 'none'
|
||||||
|
})
|
||||||
|
|
||||||
|
if (this.opts.type === 'checkbox') {
|
||||||
|
this.active = !this.active
|
||||||
|
}
|
||||||
|
|
||||||
|
if (this.opts.afterAction) {
|
||||||
|
this.opts.afterAction.call(this, e, this)
|
||||||
|
}
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
@ -1759,11 +1765,7 @@ export default class Button extends PIXI.Container {
|
||||||
content: this.opts.tooltip
|
content: this.opts.tooltip
|
||||||
})
|
})
|
||||||
} else {
|
} else {
|
||||||
this.opts.tooltip = Object.assign(
|
this.opts.tooltip = Object.assign({}, { object: this }, this.opts.tooltip)
|
||||||
{},
|
|
||||||
{ object: this },
|
|
||||||
this.opts.tooltip
|
|
||||||
)
|
|
||||||
this.tooltip = new Tooltip(this.opts.tooltip)
|
this.tooltip = new Tooltip(this.opts.tooltip)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -1793,15 +1795,10 @@ export default class Button extends PIXI.Container {
|
||||||
badge.x = this.x - badge.width / 2 + opts.offsetLeft
|
badge.x = this.x - badge.width / 2 + opts.offsetLeft
|
||||||
break
|
break
|
||||||
case 'center':
|
case 'center':
|
||||||
badge.x =
|
badge.x = this.x + this.width / 2 - badge.width / 2 + opts.offsetLeft
|
||||||
this.x +
|
|
||||||
this.width / 2 -
|
|
||||||
badge.width / 2 +
|
|
||||||
opts.offsetLeft
|
|
||||||
break
|
break
|
||||||
case 'right':
|
case 'right':
|
||||||
badge.x =
|
badge.x = this.x + this.width - badge.width / 2 + opts.offsetLeft
|
||||||
this.x + this.width - badge.width / 2 + opts.offsetLeft
|
|
||||||
}
|
}
|
||||||
|
|
||||||
switch (opts.verticalAlign) {
|
switch (opts.verticalAlign) {
|
||||||
|
|
@ -1809,15 +1806,10 @@ export default class Button extends PIXI.Container {
|
||||||
badge.y = this.y - badge.height / 2 + opts.offsetTop
|
badge.y = this.y - badge.height / 2 + opts.offsetTop
|
||||||
break
|
break
|
||||||
case 'middle':
|
case 'middle':
|
||||||
badge.y =
|
badge.y = this.y + this.height / 2 - badge.height / 2 + opts.offsetTop
|
||||||
this.y +
|
|
||||||
this.height / 2 -
|
|
||||||
badge.height / 2 +
|
|
||||||
opts.offsetTop
|
|
||||||
break
|
break
|
||||||
case 'bottom':
|
case 'bottom':
|
||||||
badge.y =
|
badge.y = this.y + this.height - badge.height / 2 + opts.offsetTop
|
||||||
this.y + this.height - badge.height / 2 + opts.offsetTop
|
|
||||||
}
|
}
|
||||||
|
|
||||||
this.addChild(badge)
|
this.addChild(badge)
|
||||||
|
|
@ -1956,8 +1948,7 @@ export default class Button extends PIXI.Container {
|
||||||
this.content.x = (this._width - this.content.width) / 2
|
this.content.x = (this._width - this.content.width) / 2
|
||||||
break
|
break
|
||||||
case 'right':
|
case 'right':
|
||||||
this.content.x =
|
this.content.x = this._width - this.opts.padding - this.content.width
|
||||||
this._width - this.opts.padding - this.content.width
|
|
||||||
break
|
break
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -1969,8 +1960,7 @@ export default class Button extends PIXI.Container {
|
||||||
this.content.y = (this._height - this.content.height) / 2
|
this.content.y = (this._height - this.content.height) / 2
|
||||||
break
|
break
|
||||||
case 'bottom':
|
case 'bottom':
|
||||||
this.content.y =
|
this.content.y = this._height - this.opts.padding - this.content.height
|
||||||
this._height - this.opts.padding - this.content.height
|
|
||||||
break
|
break
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -1986,30 +1976,13 @@ export default class Button extends PIXI.Container {
|
||||||
draw() {
|
draw() {
|
||||||
this.button.clear()
|
this.button.clear()
|
||||||
if (this.active) {
|
if (this.active) {
|
||||||
this.button.lineStyle(
|
this.button.lineStyle(this.opts.strokeActiveWidth, this.opts.strokeActive, this.opts.strokeActiveAlpha)
|
||||||
this.opts.strokeActiveWidth,
|
this.button.beginFill(this.opts.fillActive, this.opts.fillActiveAlpha)
|
||||||
this.opts.strokeActive,
|
|
||||||
this.opts.strokeActiveAlpha
|
|
||||||
)
|
|
||||||
this.button.beginFill(
|
|
||||||
this.opts.fillActive,
|
|
||||||
this.opts.fillActiveAlpha
|
|
||||||
)
|
|
||||||
} else {
|
} else {
|
||||||
this.button.lineStyle(
|
this.button.lineStyle(this.opts.strokeWidth, this.opts.stroke, this.opts.strokeAlpha)
|
||||||
this.opts.strokeWidth,
|
|
||||||
this.opts.stroke,
|
|
||||||
this.opts.strokeAlpha
|
|
||||||
)
|
|
||||||
this.button.beginFill(this.opts.fill, this.opts.fillAlpha)
|
this.button.beginFill(this.opts.fill, this.opts.fillAlpha)
|
||||||
}
|
}
|
||||||
this.button.drawRoundedRect(
|
this.button.drawRoundedRect(0, 0, this._width, this._height, this.opts.radius)
|
||||||
0,
|
|
||||||
0,
|
|
||||||
this._width,
|
|
||||||
this._height,
|
|
||||||
this.opts.radius
|
|
||||||
)
|
|
||||||
this.button.endFill()
|
this.button.endFill()
|
||||||
|
|
||||||
return this
|
return this
|
||||||
|
|
@ -2126,9 +2099,7 @@ export default class Button extends PIXI.Container {
|
||||||
size = this.opts.minHeight - 2 * this.opts.padding
|
size = this.opts.minHeight - 2 * this.opts.padding
|
||||||
}
|
}
|
||||||
|
|
||||||
const url = Button.iconIsUrl(icon)
|
const url = Button.iconIsUrl(icon) ? icon : `../../assets/icons/${icon}.png`
|
||||||
? icon
|
|
||||||
: `../../assets/icons/${icon}.png`
|
|
||||||
const iconTexture = PIXI.Texture.fromImage(url, true)
|
const iconTexture = PIXI.Texture.fromImage(url, true)
|
||||||
|
|
||||||
const sprite = new PIXI.Sprite(iconTexture)
|
const sprite = new PIXI.Sprite(iconTexture)
|
||||||
|
|
@ -2182,7 +2153,7 @@ export default class Button extends PIXI.Container {
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1438,8 +1446,11 @@
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<article>
|
<article>
|
||||||
<pre id="source-code" class="prettyprint source linenums"><code>import Theme from './theme.js'
|
<pre id="source-code" class="prettyprint source linenums"><code>/* globals ThrowPropsPlugin, Strong */
|
||||||
|
|
||||||
|
import Theme from './theme.js'
|
||||||
import Button from './button.js'
|
import Button from './button.js'
|
||||||
|
import Events from '../events.js'
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Class that represents a PixiJS ButtonGroup.
|
* Class that represents a PixiJS ButtonGroup.
|
||||||
|
|
@ -1463,7 +1474,7 @@ import Button from './button.js'
|
||||||
* @see {@link http://pixijs.download/dev/docs/PIXI.Graphics.html|PIXI.Graphics}
|
* @see {@link http://pixijs.download/dev/docs/PIXI.Graphics.html|PIXI.Graphics}
|
||||||
* @see {@link https://www.iwm-tuebingen.de/iwmbrowser/lib/pixi/buttongroup.html|DocTest}
|
* @see {@link https://www.iwm-tuebingen.de/iwmbrowser/lib/pixi/buttongroup.html|DocTest}
|
||||||
*/
|
*/
|
||||||
export default class ButtonGroup extends PIXI.Graphics {
|
export default class ButtonGroup extends PIXI.Container {
|
||||||
/**
|
/**
|
||||||
* Creates an instance of a ButtonGroup.
|
* Creates an instance of a ButtonGroup.
|
||||||
*
|
*
|
||||||
|
|
@ -1479,9 +1490,10 @@ export default class ButtonGroup extends PIXI.Graphics {
|
||||||
* or a Theme object.
|
* or a Theme object.
|
||||||
* @param {number} [opts.minWidth=44] - Button: The minimum width of one button.
|
* @param {number} [opts.minWidth=44] - Button: The minimum width of one button.
|
||||||
* @param {number} [opts.minHeight=44] - Button: The minimum height of one button.
|
* @param {number} [opts.minHeight=44] - Button: The minimum height of one button.
|
||||||
* @param {number} [opts.maxWidth] - The maximum width of the buttongroup. Only used if stacked is true and the orientation is horizontal.
|
* @param {number} [opts.maxWidth] - The maximum width of the button group. If the buttons are wider than the maximum width, the buttons get stacked. Note: The buttons can only be stacked if margin is not zero.
|
||||||
* @param {number} [opts.maxHeight] - The maximum height of the buttongroup. Only used if stacked is true and the orientation is vertical.
|
* @param {number} [opts.maxHeight] - The maximum height of the button group. If the buttons are higher than the maximum height, the buttons get stacked. Note: The buttons can only be stacked if margin is not zero.
|
||||||
* @param {boolean} [opts.stacked=false] - If set to true, the buttons of the buttongroup gets stacked if they are broader or higher than the maximum permitted width or height, depending on orientation.
|
* @param {number} [opts.stackPadding=10] - The padding for stacked buttons.
|
||||||
|
* @param {PIXI.Application} [opts.app] - The PixiJS Application. Must be set if you want to use the mousewheel to scroll your button group. Only used when the buttons are stacked (with maxWidth or maxHeight).
|
||||||
* @param {number} [opts.padding=Theme.padding] - Button: The inner spacing (distance from icon and/or label) the the border.
|
* @param {number} [opts.padding=Theme.padding] - Button: The inner spacing (distance from icon and/or label) the the border.
|
||||||
* @param {number} [opts.margin=Theme.margin] - The outer spacing (distance from one button to the previous/next button).
|
* @param {number} [opts.margin=Theme.margin] - The outer spacing (distance from one button to the previous/next button).
|
||||||
* @param {string} [opts.iconPosition=left] - Button: The position of the icon in relation to the label. Can be left or right.
|
* @param {string} [opts.iconPosition=left] - Button: The position of the icon in relation to the label. Can be left or right.
|
||||||
|
|
@ -1530,6 +1542,10 @@ export default class ButtonGroup extends PIXI.Graphics {
|
||||||
buttons: [],
|
buttons: [],
|
||||||
minWidth: 44,
|
minWidth: 44,
|
||||||
minHeight: 44,
|
minHeight: 44,
|
||||||
|
maxWidth: null,
|
||||||
|
maxHeight: null,
|
||||||
|
stackPadding: 10,
|
||||||
|
app: null,
|
||||||
padding: theme.padding,
|
padding: theme.padding,
|
||||||
margin: theme.margin,
|
margin: theme.margin,
|
||||||
iconPosition: 'left', // left, right
|
iconPosition: 'left', // left, right
|
||||||
|
|
@ -1562,6 +1578,7 @@ export default class ButtonGroup extends PIXI.Graphics {
|
||||||
this.buttons = []
|
this.buttons = []
|
||||||
|
|
||||||
this._disabled = null
|
this._disabled = null
|
||||||
|
this.__dragging = false
|
||||||
|
|
||||||
this.visible = this.opts.visible
|
this.visible = this.opts.visible
|
||||||
|
|
||||||
|
|
@ -1581,9 +1598,16 @@ export default class ButtonGroup extends PIXI.Graphics {
|
||||||
* @return {ButtonGroup} A reference to the button group for chaining.
|
* @return {ButtonGroup} A reference to the button group for chaining.
|
||||||
*/
|
*/
|
||||||
setup() {
|
setup() {
|
||||||
|
// inner container
|
||||||
|
//--------------------
|
||||||
|
const container = new PIXI.Graphics()
|
||||||
|
this.addChild(container)
|
||||||
|
this.container = container
|
||||||
|
|
||||||
// Buttons
|
// Buttons
|
||||||
//-----------------
|
//-----------------
|
||||||
let position = 0
|
let position = 0
|
||||||
|
let index = 0
|
||||||
|
|
||||||
for (let it of this.opts.buttons) {
|
for (let it of this.opts.buttons) {
|
||||||
delete it.x
|
delete it.x
|
||||||
|
|
@ -1607,19 +1631,11 @@ export default class ButtonGroup extends PIXI.Graphics {
|
||||||
it.fillActive = it.fillActive || this.opts.fillActive
|
it.fillActive = it.fillActive || this.opts.fillActive
|
||||||
it.fillActiveAlpha = it.fillActiveAlpha || this.opts.fillActiveAlpha
|
it.fillActiveAlpha = it.fillActiveAlpha || this.opts.fillActiveAlpha
|
||||||
it.stroke = it.stroke || this.opts.stroke
|
it.stroke = it.stroke || this.opts.stroke
|
||||||
it.strokeWidth =
|
it.strokeWidth = it.strokeWidth != null ? it.strokeWidth : this.opts.strokeWidth
|
||||||
it.strokeWidth != null ? it.strokeWidth : this.opts.strokeWidth
|
it.strokeAlpha = it.strokeAlpha != null ? it.strokeAlpha : this.opts.strokeAlpha
|
||||||
it.strokeAlpha =
|
|
||||||
it.strokeAlpha != null ? it.strokeAlpha : this.opts.strokeAlpha
|
|
||||||
it.strokeActive = it.strokeActive || this.opts.strokeActive
|
it.strokeActive = it.strokeActive || this.opts.strokeActive
|
||||||
it.strokeActiveWidth =
|
it.strokeActiveWidth = it.strokeActiveWidth != null ? it.strokeActiveWidth : this.opts.strokeActiveWidth
|
||||||
it.strokeActiveWidth != null
|
it.strokeActiveAlpha = it.strokeActiveAlpha != null ? it.strokeActiveAlpha : this.opts.strokeActiveAlpha
|
||||||
? it.strokeActiveWidth
|
|
||||||
: this.opts.strokeActiveWidth
|
|
||||||
it.strokeActiveAlpha =
|
|
||||||
it.strokeActiveAlpha != null
|
|
||||||
? it.strokeActiveAlpha
|
|
||||||
: this.opts.strokeActiveAlpha
|
|
||||||
it.textStyle = it.textStyle || this.opts.textStyle
|
it.textStyle = it.textStyle || this.opts.textStyle
|
||||||
it.textStyleActive = it.textStyleActive || this.opts.textStyleActive
|
it.textStyleActive = it.textStyleActive || this.opts.textStyleActive
|
||||||
it.style = it.style || this.opts.style
|
it.style = it.style || this.opts.style
|
||||||
|
|
@ -1638,10 +1654,7 @@ export default class ButtonGroup extends PIXI.Graphics {
|
||||||
it.align = it.align || this.opts.align
|
it.align = it.align || this.opts.align
|
||||||
it.verticalAlign = it.verticalAlign || this.opts.verticalAlign
|
it.verticalAlign = it.verticalAlign || this.opts.verticalAlign
|
||||||
it.afterAction = (event, button) => {
|
it.afterAction = (event, button) => {
|
||||||
if (
|
if (this.opts.type === 'radio' && button.opts.type === 'default') {
|
||||||
this.opts.type === 'radio' &&
|
|
||||||
button.opts.type === 'default'
|
|
||||||
) {
|
|
||||||
this.buttons.forEach(it => {
|
this.buttons.forEach(it => {
|
||||||
if (it.opts.type === 'default') {
|
if (it.opts.type === 'default') {
|
||||||
it.active = false
|
it.active = false
|
||||||
|
|
@ -1658,23 +1671,24 @@ export default class ButtonGroup extends PIXI.Graphics {
|
||||||
if (typeof it.tooltip === 'string') {
|
if (typeof it.tooltip === 'string') {
|
||||||
it.tooltip = { content: it.tooltip, container: this }
|
it.tooltip = { content: it.tooltip, container: this }
|
||||||
} else {
|
} else {
|
||||||
it.tooltip = Object.assign(
|
it.tooltip = Object.assign({}, { container: this }, it.tooltip)
|
||||||
{},
|
|
||||||
{ container: this },
|
|
||||||
it.tooltip
|
|
||||||
)
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
let button = new Button(it)
|
let button = new Button(it)
|
||||||
|
|
||||||
this.addChild(button)
|
this.container.addChild(button)
|
||||||
this.buttons.push(button)
|
this.buttons.push(button)
|
||||||
|
|
||||||
position +=
|
button.__originalPosition = {
|
||||||
(this.opts.orientation === 'horizontal'
|
x: button.x,
|
||||||
? button.width
|
y: button.y
|
||||||
: button.height) + this.opts.margin
|
}
|
||||||
|
|
||||||
|
position += (this.opts.orientation === 'horizontal' ? button.width : button.height) + this.opts.margin
|
||||||
|
|
||||||
|
button.__initIndex = index
|
||||||
|
index++
|
||||||
}
|
}
|
||||||
|
|
||||||
if (this.opts.orientation === 'vertical') {
|
if (this.opts.orientation === 'vertical') {
|
||||||
|
|
@ -1692,6 +1706,42 @@ export default class ButtonGroup extends PIXI.Graphics {
|
||||||
this.disabled = this.opts.disabled
|
this.disabled = this.opts.disabled
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// interaction
|
||||||
|
//--------------------
|
||||||
|
if (this.opts.margin > 0 && (this.opts.maxWidth || this.opts.maxHeight)) {
|
||||||
|
this.interactive = true
|
||||||
|
this.on('pointerdown', this.onStart.bind(this))
|
||||||
|
this.on('pointermove', this.onMove.bind(this))
|
||||||
|
this.on('pointerup', this.onEnd.bind(this))
|
||||||
|
this.on('pointercancel', this.onEnd.bind(this))
|
||||||
|
this.on('pointerout', this.onEnd.bind(this))
|
||||||
|
this.on('pointerupoutside', this.onEnd.bind(this))
|
||||||
|
this.on('scroll', this.onScroll.bind(this))
|
||||||
|
|
||||||
|
// mousewheel
|
||||||
|
//--------------------
|
||||||
|
if (this.opts.app) {
|
||||||
|
const app = this.opts.app
|
||||||
|
app.view.addEventListener('mousewheel', event => {
|
||||||
|
const bounds = this.getBounds()
|
||||||
|
const x = event.clientX - app.view.getBoundingClientRect().left
|
||||||
|
const y = event.clientY - app.view.getBoundingClientRect().top
|
||||||
|
if (bounds.contains(x, y)) {
|
||||||
|
event.preventDefault()
|
||||||
|
this.emit('scroll', event)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
const background = new PIXI.Graphics()
|
||||||
|
background.beginFill(0x000000, 0)
|
||||||
|
background.drawRect(0, 0, this.width, this.height)
|
||||||
|
background.endFill()
|
||||||
|
this.addChildAt(background, 0)
|
||||||
|
|
||||||
|
this.__initWidth = this.container.width
|
||||||
|
}
|
||||||
|
|
||||||
return this
|
return this
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -1709,6 +1759,12 @@ export default class ButtonGroup extends PIXI.Graphics {
|
||||||
//-----------------
|
//-----------------
|
||||||
this.draw()
|
this.draw()
|
||||||
|
|
||||||
|
// stack
|
||||||
|
//-----------------
|
||||||
|
if (this.opts.margin > 0 && (this.opts.maxWidth || this.opts.maxHeight)) {
|
||||||
|
this.stack()
|
||||||
|
}
|
||||||
|
|
||||||
return this
|
return this
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -1722,41 +1778,27 @@ export default class ButtonGroup extends PIXI.Graphics {
|
||||||
if (this.opts.margin === 0) {
|
if (this.opts.margin === 0) {
|
||||||
this.buttons.forEach(it => it.hide())
|
this.buttons.forEach(it => it.hide())
|
||||||
|
|
||||||
this.clear()
|
this.container.clear()
|
||||||
this.lineStyle(
|
this.container.lineStyle(this.opts.strokeWidth, this.opts.stroke, this.opts.strokeAlpha)
|
||||||
this.opts.strokeWidth,
|
this.container.beginFill(this.opts.fill, this.opts.fillAlpha)
|
||||||
this.opts.stroke,
|
this.container.drawRoundedRect(0, 0, this.width, this.height, this.opts.radius)
|
||||||
this.opts.strokeAlpha
|
|
||||||
)
|
|
||||||
this.beginFill(this.opts.fill, this.opts.fillAlpha)
|
|
||||||
this.drawRoundedRect(
|
|
||||||
0,
|
|
||||||
0,
|
|
||||||
this.width,
|
|
||||||
this.height,
|
|
||||||
this.opts.radius
|
|
||||||
)
|
|
||||||
|
|
||||||
// Draw borders
|
// Draw borders
|
||||||
this.lineStyle(
|
this.container.lineStyle(this.opts.strokeWidth, this.opts.stroke, this.opts.strokeAlpha / 2)
|
||||||
this.opts.strokeWidth,
|
|
||||||
this.opts.stroke,
|
|
||||||
this.opts.strokeAlpha / 2
|
|
||||||
)
|
|
||||||
|
|
||||||
this.buttons.forEach((it, i) => {
|
this.buttons.forEach((it, i) => {
|
||||||
if (i > 0) {
|
if (i > 0) {
|
||||||
this.moveTo(it.x, it.y)
|
this.container.moveTo(it.x, it.y)
|
||||||
|
|
||||||
if (this.opts.orientation === 'horizontal') {
|
if (this.opts.orientation === 'horizontal') {
|
||||||
this.lineTo(it.x, it.height)
|
this.container.lineTo(it.x, it.height)
|
||||||
} else {
|
} else {
|
||||||
this.lineTo(it.width, it.y)
|
this.container.lineTo(it.width, it.y)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
this.endFill()
|
this.container.endFill()
|
||||||
}
|
}
|
||||||
|
|
||||||
return this
|
return this
|
||||||
|
|
@ -1810,6 +1852,243 @@ export default class ButtonGroup extends PIXI.Graphics {
|
||||||
|
|
||||||
return this
|
return this
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
*
|
||||||
|
* @private
|
||||||
|
* @param {*} event
|
||||||
|
*/
|
||||||
|
onStart(event) {
|
||||||
|
this.__dragging = true
|
||||||
|
|
||||||
|
this.capture(event)
|
||||||
|
|
||||||
|
this.__delta = {
|
||||||
|
x: this.container.position.x - event.data.global.x,
|
||||||
|
y: this.container.position.y - event.data.global.y
|
||||||
|
}
|
||||||
|
|
||||||
|
TweenLite.killTweensOf(this.container.position, { x: true, y: true })
|
||||||
|
if (typeof ThrowPropsPlugin != 'undefined') {
|
||||||
|
ThrowPropsPlugin.track(this.container.position, 'x,y')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
*
|
||||||
|
* @private
|
||||||
|
* @param {*} event
|
||||||
|
*/
|
||||||
|
onMove(event) {
|
||||||
|
if (this.__dragging) {
|
||||||
|
this.capture(event)
|
||||||
|
|
||||||
|
if (this.opts.orientation === 'horizontal') {
|
||||||
|
this.container.position.x = event.data.global.x + this.__delta.x
|
||||||
|
} else {
|
||||||
|
this.container.position.y = event.data.global.y + this.__delta.y
|
||||||
|
}
|
||||||
|
|
||||||
|
this.stack()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
*
|
||||||
|
* @private
|
||||||
|
* @param {*} event
|
||||||
|
*/
|
||||||
|
onEnd(event) {
|
||||||
|
if (this.__dragging) {
|
||||||
|
this.__dragging = false
|
||||||
|
|
||||||
|
this.capture(event)
|
||||||
|
|
||||||
|
if (typeof ThrowPropsPlugin != 'undefined') {
|
||||||
|
const throwProps = { x: { velocity: 'auto' }, y: { velocity: 'auto' } }
|
||||||
|
|
||||||
|
if (this.opts.orientation === 'horizontal') {
|
||||||
|
const distanceToLeft = this.container.x
|
||||||
|
const distanceToRight = this.opts.maxWidth - this.container.x - this.__initWidth
|
||||||
|
if (distanceToLeft > 0 && distanceToLeft > distanceToRight) {
|
||||||
|
throwProps.x.end = 0
|
||||||
|
} else if (distanceToRight > 0 && distanceToRight > distanceToLeft) {
|
||||||
|
throwProps.x.end = this.opts.maxWidth - this.__initWidth
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
const distanceToTop = this.container.y
|
||||||
|
const distanceToBottom = this.opts.maxHeight - this.container.y - this.container.height
|
||||||
|
if (distanceToTop > 0 && distanceToTop > distanceToBottom) {
|
||||||
|
throwProps.y.end = 0
|
||||||
|
} else if (distanceToBottom > 0 && distanceToBottom > distanceToTop) {
|
||||||
|
throwProps.y.end = this.opts.maxHeight - this.container.height
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
ThrowPropsPlugin.to(
|
||||||
|
this.container.position,
|
||||||
|
{
|
||||||
|
throwProps,
|
||||||
|
ease: Strong.easeOut,
|
||||||
|
onUpdate: () => this.stack(),
|
||||||
|
onComplete: () => ThrowPropsPlugin.untrack(this.container.position)
|
||||||
|
},
|
||||||
|
0.8,
|
||||||
|
0.4
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
*
|
||||||
|
* @private
|
||||||
|
* @param {*} event
|
||||||
|
*/
|
||||||
|
onScroll(event) {
|
||||||
|
this.capture(event)
|
||||||
|
|
||||||
|
if (this.opts.orientation === 'horizontal') {
|
||||||
|
this.container.position.x -= event.deltaX
|
||||||
|
if (this.container.position.x > 0) {
|
||||||
|
this.container.position.x = 0
|
||||||
|
} else if (this.container.position.x + this.__initWidth < this.opts.maxWidth) {
|
||||||
|
this.container.position.x = this.opts.maxWidth - this.__initWidth
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
this.container.position.y -= event.deltaY
|
||||||
|
if (this.container.position.y > 0) {
|
||||||
|
this.container.position.y = 0
|
||||||
|
} else if (this.container.position.y + this.container.height < this.opts.maxHeight) {
|
||||||
|
this.container.position.y = this.opts.maxHeight - this.container.height
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
this.stack()
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Captures an event to inform InteractionMapper about processed events.
|
||||||
|
*
|
||||||
|
* @param {event|PIXI.InteractionEvent} event - The PIXI event to capture.
|
||||||
|
*/
|
||||||
|
capture(event) {
|
||||||
|
const originalEvent = event.data && event.data.originalEvent ? event.data.originalEvent : event
|
||||||
|
Events.capturedBy(originalEvent, this)
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
stack() {
|
||||||
|
if (this.opts.maxWidth) {
|
||||||
|
this._stackHorizontal()
|
||||||
|
} else if (this.opts.maxHeight) {
|
||||||
|
this._stackVertical()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
_stackHorizontal() {
|
||||||
|
const sorted = []
|
||||||
|
|
||||||
|
let reverseCounter = this.buttons.length - 1
|
||||||
|
|
||||||
|
this.buttons.forEach((it, index) => {
|
||||||
|
const leftCorner = it.__originalPosition.x + this.container.x
|
||||||
|
const rightCorner = it.__originalPosition.x + it.width
|
||||||
|
const paddingLeft = index * this.opts.stackPadding
|
||||||
|
const paddingRight = reverseCounter * this.opts.stackPadding
|
||||||
|
if (leftCorner < paddingLeft) {
|
||||||
|
// left border
|
||||||
|
it.x = -this.container.x + paddingLeft
|
||||||
|
} else if (rightCorner > Math.abs(this.container.x) + this.opts.maxWidth - paddingRight) {
|
||||||
|
// right border
|
||||||
|
it.x = Math.abs(this.container.x) + this.opts.maxWidth - it.width - paddingRight
|
||||||
|
} else {
|
||||||
|
it.x = it.__originalPosition.x
|
||||||
|
}
|
||||||
|
|
||||||
|
reverseCounter--
|
||||||
|
|
||||||
|
sorted.push(it)
|
||||||
|
})
|
||||||
|
|
||||||
|
// z-index
|
||||||
|
sorted
|
||||||
|
.sort((a, b) => {
|
||||||
|
const delta = Math.abs(this.container.x) + this.opts.maxWidth / 2
|
||||||
|
const distanceA = Math.abs(a.x - delta)
|
||||||
|
const distanceB = Math.abs(b.x - delta)
|
||||||
|
if (distanceA > distanceB) {
|
||||||
|
return -1
|
||||||
|
} else if (distanceB > distanceA) {
|
||||||
|
return 1
|
||||||
|
} else {
|
||||||
|
if (a.__initIndex > b.__initIndex) {
|
||||||
|
return -1
|
||||||
|
} else if (b.__initIndex > a.__initIndex) {
|
||||||
|
return 1
|
||||||
|
} else {
|
||||||
|
return 0
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.forEach(it => it.parent.addChild(it))
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
_stackVertical() {
|
||||||
|
const sorted = []
|
||||||
|
|
||||||
|
let reverseCounter = this.buttons.length - 1
|
||||||
|
|
||||||
|
this.buttons.forEach((it, index) => {
|
||||||
|
const topCorner = it.__originalPosition.y + this.container.y
|
||||||
|
const bottomCorner = it.__originalPosition.y + it.height
|
||||||
|
const paddingTop = index * this.opts.stackPadding
|
||||||
|
const paddingBottom = reverseCounter * this.opts.stackPadding
|
||||||
|
if (topCorner < paddingTop) {
|
||||||
|
// top border
|
||||||
|
it.y = -this.container.y + paddingTop
|
||||||
|
} else if (bottomCorner > Math.abs(this.container.y) + this.opts.maxHeight - paddingBottom) {
|
||||||
|
// bottom border
|
||||||
|
it.y = Math.abs(this.container.y) + this.opts.maxHeight - it.height - paddingBottom
|
||||||
|
} else {
|
||||||
|
it.y = it.__originalPosition.y
|
||||||
|
}
|
||||||
|
|
||||||
|
reverseCounter--
|
||||||
|
|
||||||
|
sorted.push(it)
|
||||||
|
})
|
||||||
|
|
||||||
|
// z-index
|
||||||
|
sorted
|
||||||
|
.sort((a, b) => {
|
||||||
|
const delta = Math.abs(this.container.y) + this.opts.maxHeight / 2
|
||||||
|
const distanceA = Math.abs(a.y - delta)
|
||||||
|
const distanceB = Math.abs(b.y - delta)
|
||||||
|
if (distanceA > distanceB) {
|
||||||
|
return -1
|
||||||
|
} else if (distanceB > distanceA) {
|
||||||
|
return 1
|
||||||
|
} else {
|
||||||
|
if (a.__initIndex > b.__initIndex) {
|
||||||
|
return -1
|
||||||
|
} else if (b.__initIndex > a.__initIndex) {
|
||||||
|
return 1
|
||||||
|
} else {
|
||||||
|
return 0
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.forEach(it => it.parent.addChild(it))
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</code></pre>
|
</code></pre>
|
||||||
</article>
|
</article>
|
||||||
|
|
@ -1824,7 +2103,7 @@ export default class ButtonGroup extends PIXI.Graphics {
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -2545,7 +2553,7 @@ export class DeepZoomImage extends PIXI.Container {
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1533,12 +1541,7 @@ export default class Flippable extends PIXI.projection.Camera3d {
|
||||||
|
|
||||||
// planes
|
// planes
|
||||||
//--------------------
|
//--------------------
|
||||||
this.setPlanes(
|
this.setPlanes(this.opts.focus, this.opts.near, this.opts.far, this.opts.orthographic)
|
||||||
this.opts.focus,
|
|
||||||
this.opts.near,
|
|
||||||
this.opts.far,
|
|
||||||
this.opts.orthographic
|
|
||||||
)
|
|
||||||
|
|
||||||
// flipped
|
// flipped
|
||||||
//--------------------
|
//--------------------
|
||||||
|
|
@ -1577,9 +1580,7 @@ export default class Flippable extends PIXI.projection.Camera3d {
|
||||||
|
|
||||||
// shadow
|
// shadow
|
||||||
//--------------------
|
//--------------------
|
||||||
const shadow = new PIXI.projection.Sprite3d(
|
const shadow = new PIXI.projection.Sprite3d(PIXI.Texture.fromImage('../../assets/images/shadow.png'))
|
||||||
PIXI.Texture.fromImage('../../assets/images/shadow.png')
|
|
||||||
)
|
|
||||||
shadow.renderable = false
|
shadow.renderable = false
|
||||||
shadow.anchor.set(0.5)
|
shadow.anchor.set(0.5)
|
||||||
shadow.scale3d.set(0.98)
|
shadow.scale3d.set(0.98)
|
||||||
|
|
@ -1671,21 +1672,11 @@ export default class Flippable extends PIXI.projection.Camera3d {
|
||||||
y: this.opts.useBackTransforms ? toCenter.y : fromCenter.y,
|
y: this.opts.useBackTransforms ? toCenter.y : fromCenter.y,
|
||||||
anchorX: this.opts.useBackTransforms ? toObject.x : fromObject.x,
|
anchorX: this.opts.useBackTransforms ? toObject.x : fromObject.x,
|
||||||
anchorY: this.opts.useBackTransforms ? toObject.y : fromObject.y,
|
anchorY: this.opts.useBackTransforms ? toObject.y : fromObject.y,
|
||||||
width: this.opts.useBackTransforms
|
width: this.opts.useBackTransforms ? toObject.width * 2 : fromObject.width * 2,
|
||||||
? toObject.width * 2
|
height: this.opts.useBackTransforms ? toObject.height * 2 : fromObject.height * 2,
|
||||||
: fromObject.width * 2,
|
rotation: this.opts.useBackTransforms ? toObject.rotation : fromObject.rotation,
|
||||||
height: this.opts.useBackTransforms
|
skewX: this.opts.useBackTransforms ? toObject.skew.x : fromObject.skew.x,
|
||||||
? toObject.height * 2
|
skewY: this.opts.useBackTransforms ? toObject.skew.y : fromObject.skew.y
|
||||||
: fromObject.height * 2,
|
|
||||||
rotation: this.opts.useBackTransforms
|
|
||||||
? toObject.rotation
|
|
||||||
: fromObject.rotation,
|
|
||||||
skewX: this.opts.useBackTransforms
|
|
||||||
? toObject.skew.x
|
|
||||||
: fromObject.skew.x,
|
|
||||||
skewY: this.opts.useBackTransforms
|
|
||||||
? toObject.skew.y
|
|
||||||
: fromObject.skew.y
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// set toObject end values
|
// set toObject end values
|
||||||
|
|
@ -1771,15 +1762,11 @@ export default class Flippable extends PIXI.projection.Camera3d {
|
||||||
|
|
||||||
// shadow
|
// shadow
|
||||||
//--------------------
|
//--------------------
|
||||||
new TimelineMax()
|
new TimelineMax().to(shadow, half, { alpha: 0.3, ease }).to(shadow, half, { alpha: 0.7, ease })
|
||||||
.to(shadow, half, { alpha: 0.3, ease })
|
|
||||||
.to(shadow, half, { alpha: 0.7, ease })
|
|
||||||
|
|
||||||
// blurfilter
|
// blurfilter
|
||||||
//--------------------
|
//--------------------
|
||||||
new TimelineMax()
|
new TimelineMax().to(blurFilter, half, { blur: 6, ease }).to(blurFilter, half, { blur: 0.2, ease })
|
||||||
.to(blurFilter, half, { blur: 6, ease })
|
|
||||||
.to(blurFilter, half, { blur: 0.2, ease })
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
@ -1793,8 +1780,7 @@ export default class Flippable extends PIXI.projection.Camera3d {
|
||||||
const shadow = this.objects.shadow
|
const shadow = this.objects.shadow
|
||||||
const inner = this.objects.inner
|
const inner = this.objects.inner
|
||||||
|
|
||||||
inner.position3d.z =
|
inner.position3d.z = -Math.sin(inner.euler.y) * front.texture.baseTexture.width * 2
|
||||||
-Math.sin(inner.euler.y) * front.texture.baseTexture.width * 2
|
|
||||||
|
|
||||||
//this.objects.shadow.euler = this.objects.inner.euler
|
//this.objects.shadow.euler = this.objects.inner.euler
|
||||||
shadow.euler.x = -inner.euler.x
|
shadow.euler.x = -inner.euler.x
|
||||||
|
|
@ -1861,10 +1847,7 @@ export default class Flippable extends PIXI.projection.Camera3d {
|
||||||
generateTexture(displayObject) {
|
generateTexture(displayObject) {
|
||||||
// renderTexture
|
// renderTexture
|
||||||
//--------------------
|
//--------------------
|
||||||
const renderTexture = PIXI.RenderTexture.create(
|
const renderTexture = PIXI.RenderTexture.create(displayObject.width, displayObject.height)
|
||||||
displayObject.width,
|
|
||||||
displayObject.height
|
|
||||||
)
|
|
||||||
|
|
||||||
// save position
|
// save position
|
||||||
const transform = [
|
const transform = [
|
||||||
|
|
@ -1925,7 +1908,7 @@ export default class Flippable extends PIXI.projection.Camera3d {
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1517,15 +1525,9 @@ export class Hypenate {
|
||||||
let first = true
|
let first = true
|
||||||
let lastPart = ''
|
let lastPart = ''
|
||||||
for (let part of parts) {
|
for (let part of parts) {
|
||||||
let partMetrics = PIXI.TextMetrics.measureText(
|
let partMetrics = PIXI.TextMetrics.measureText(part, pixiStyle)
|
||||||
part,
|
|
||||||
pixiStyle
|
|
||||||
)
|
|
||||||
if (x + partMetrics.width + space.width > width) {
|
if (x + partMetrics.width + space.width > width) {
|
||||||
newWord +=
|
newWord += (first || lastPart.endsWith('-') ? '\n' : '-\n') + part
|
||||||
(first || lastPart.endsWith('-')
|
|
||||||
? '\n'
|
|
||||||
: '-\n') + part
|
|
||||||
x = partMetrics.width
|
x = partMetrics.width
|
||||||
} else {
|
} else {
|
||||||
newWord += part
|
newWord += part
|
||||||
|
|
@ -1576,12 +1578,7 @@ class TextLabel extends PIXI.Text {
|
||||||
* @param {canvas}
|
* @param {canvas}
|
||||||
* @memberof TextLabel
|
* @memberof TextLabel
|
||||||
*/
|
*/
|
||||||
constructor(
|
constructor(text, style = null, canvas = null, { minZoom = 0.1, maxZoom = 10 } = {}) {
|
||||||
text,
|
|
||||||
style = null,
|
|
||||||
canvas = null,
|
|
||||||
{ minZoom = 0.1, maxZoom = 10 } = {}
|
|
||||||
) {
|
|
||||||
super(text, style, canvas)
|
super(text, style, canvas)
|
||||||
this.normFontSize = this.style.fontSize
|
this.normFontSize = this.style.fontSize
|
||||||
this.minZoom = minZoom
|
this.minZoom = minZoom
|
||||||
|
|
@ -1730,21 +1727,11 @@ export class LabeledGraphics extends PIXI.Graphics {
|
||||||
const truncatedLines = lines.slice(0, maxLines)
|
const truncatedLines = lines.slice(0, maxLines)
|
||||||
const lastLine = truncatedLines[truncatedLines.length - 1]
|
const lastLine = truncatedLines[truncatedLines.length - 1]
|
||||||
const words = lastLine.split(' ')
|
const words = lastLine.split(' ')
|
||||||
const wordMetrics = PIXI.TextMetrics.measureText(
|
const wordMetrics = PIXI.TextMetrics.measureText(`\u00A0\n...\n${words.join('\n')}`, pixiStyle)
|
||||||
`\u00A0\n...\n${words.join('\n')}`,
|
const [spaceLength, dotsLength, ...wordLengths] = wordMetrics.lineWidths
|
||||||
pixiStyle
|
|
||||||
)
|
|
||||||
const [
|
|
||||||
spaceLength,
|
|
||||||
dotsLength,
|
|
||||||
...wordLengths
|
|
||||||
] = wordMetrics.lineWidths
|
|
||||||
const { text: newLastLine } = wordLengths.reduce(
|
const { text: newLastLine } = wordLengths.reduce(
|
||||||
(data, wordLength, i) => {
|
(data, wordLength, i) => {
|
||||||
if (
|
if (data.length + wordLength + spaceLength >= wordWrapWidth) {
|
||||||
data.length + wordLength + spaceLength >=
|
|
||||||
wordWrapWidth
|
|
||||||
) {
|
|
||||||
return { ...data, length: wordWrapWidth }
|
return { ...data, length: wordWrapWidth }
|
||||||
}
|
}
|
||||||
return {
|
return {
|
||||||
|
|
@ -1870,7 +1857,7 @@ export class BitmapLabeledGraphics extends LabeledGraphics {
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1438,7 +1446,7 @@
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<article>
|
<article>
|
||||||
<pre id="source-code" class="prettyprint source linenums"><code>/* globals */
|
<pre id="source-code" class="prettyprint source linenums"><code>/* globals ThrowPropsPlugin, Strong */
|
||||||
|
|
||||||
/* Imports */
|
/* Imports */
|
||||||
import Events from '../events.js'
|
import Events from '../events.js'
|
||||||
|
|
@ -1548,9 +1556,7 @@ export default class List extends PIXI.Container {
|
||||||
if (this.opts.app) {
|
if (this.opts.app) {
|
||||||
const app = this.opts.app
|
const app = this.opts.app
|
||||||
app.view.addEventListener('mousewheel', event => {
|
app.view.addEventListener('mousewheel', event => {
|
||||||
const bounds = this.mask
|
const bounds = this.mask ? this.mask.getBounds() : this.getBounds()
|
||||||
? this.mask.getBounds()
|
|
||||||
: this.getBounds()
|
|
||||||
const x = event.clientX - app.view.getBoundingClientRect().left
|
const x = event.clientX - app.view.getBoundingClientRect().left
|
||||||
const y = event.clientY - app.view.getBoundingClientRect().top
|
const y = event.clientY - app.view.getBoundingClientRect().top
|
||||||
if (bounds.contains(x, y)) {
|
if (bounds.contains(x, y)) {
|
||||||
|
|
@ -1607,14 +1613,10 @@ export default class List extends PIXI.Container {
|
||||||
if (this.opts.orientation === 'vertical') {
|
if (this.opts.orientation === 'vertical') {
|
||||||
switch (this.opts.align) {
|
switch (this.opts.align) {
|
||||||
case 'center':
|
case 'center':
|
||||||
this.__items.forEach(
|
this.__items.forEach(it => (it.x = margin + this.width / 2 - it.width / 2))
|
||||||
it => (it.x = margin + this.width / 2 - it.width / 2)
|
|
||||||
)
|
|
||||||
break
|
break
|
||||||
case 'right':
|
case 'right':
|
||||||
this.__items.forEach(
|
this.__items.forEach(it => (it.x = margin + this.width - it.width))
|
||||||
it => (it.x = margin + this.width - it.width)
|
|
||||||
)
|
|
||||||
break
|
break
|
||||||
default:
|
default:
|
||||||
this.__items.forEach(it => (it.x = margin))
|
this.__items.forEach(it => (it.x = margin))
|
||||||
|
|
@ -1640,14 +1642,10 @@ export default class List extends PIXI.Container {
|
||||||
this.__items.forEach(it => (it.y = margin))
|
this.__items.forEach(it => (it.y = margin))
|
||||||
break
|
break
|
||||||
case 'bottom':
|
case 'bottom':
|
||||||
this.__items.forEach(
|
this.__items.forEach(it => (it.y = margin + this.height - it.height))
|
||||||
it => (it.y = margin + this.height - it.height)
|
|
||||||
)
|
|
||||||
break
|
break
|
||||||
default:
|
default:
|
||||||
this.__items.forEach(
|
this.__items.forEach(it => (it.y = margin + this.height / 2 - it.height / 2))
|
||||||
it => (it.y = margin + this.height / 2 - it.height / 2)
|
|
||||||
)
|
|
||||||
break
|
break
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -1781,8 +1779,7 @@ export default class List extends PIXI.Container {
|
||||||
{
|
{
|
||||||
throwProps,
|
throwProps,
|
||||||
ease: Strong.easeOut,
|
ease: Strong.easeOut,
|
||||||
onComplete: () =>
|
onComplete: () => ThrowPropsPlugin.untrack(this.container.position)
|
||||||
ThrowPropsPlugin.untrack(this.container.position)
|
|
||||||
},
|
},
|
||||||
0.8,
|
0.8,
|
||||||
0.4
|
0.4
|
||||||
|
|
@ -1803,20 +1800,14 @@ export default class List extends PIXI.Container {
|
||||||
this.container.position.x -= event.deltaX
|
this.container.position.x -= event.deltaX
|
||||||
if (this.container.position.x > 0) {
|
if (this.container.position.x > 0) {
|
||||||
this.container.position.x = 0
|
this.container.position.x = 0
|
||||||
} else if (
|
} else if (this.container.position.x + this.innerWidth < this.opts.width) {
|
||||||
this.container.position.x + this.innerWidth <
|
|
||||||
this.opts.width
|
|
||||||
) {
|
|
||||||
this.container.position.x = this.opts.width - this.innerWidth
|
this.container.position.x = this.opts.width - this.innerWidth
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
this.container.position.y -= event.deltaY
|
this.container.position.y -= event.deltaY
|
||||||
if (this.container.position.y > 0) {
|
if (this.container.position.y > 0) {
|
||||||
this.container.position.y = 0
|
this.container.position.y = 0
|
||||||
} else if (
|
} else if (this.container.position.y + this.innerHeight < this.opts.height) {
|
||||||
this.container.position.y + this.innerHeight <
|
|
||||||
this.opts.height
|
|
||||||
) {
|
|
||||||
this.container.position.y = this.opts.height - this.innerHeight
|
this.container.position.y = this.opts.height - this.innerHeight
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -1828,10 +1819,7 @@ export default class List extends PIXI.Container {
|
||||||
* @param {event|PIXI.InteractionEvent} event - The PIXI event to capture.
|
* @param {event|PIXI.InteractionEvent} event - The PIXI event to capture.
|
||||||
*/
|
*/
|
||||||
capture(event) {
|
capture(event) {
|
||||||
const originalEvent =
|
const originalEvent = event.data && event.data.originalEvent ? event.data.originalEvent : event
|
||||||
event.data && event.data.originalEvent
|
|
||||||
? event.data.originalEvent
|
|
||||||
: event
|
|
||||||
Events.capturedBy(originalEvent, this)
|
Events.capturedBy(originalEvent, this)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -1848,7 +1836,7 @@ export default class List extends PIXI.Container {
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1531,8 +1539,7 @@ export default class Message extends InteractivePopup {
|
||||||
this.x = this.opts.app.size.width / 2 - this.width / 2
|
this.x = this.opts.app.size.width / 2 - this.width / 2
|
||||||
break
|
break
|
||||||
case 'right':
|
case 'right':
|
||||||
this.x =
|
this.x = this.opts.app.size.width - this.opts.margin - this.width
|
||||||
this.opts.app.size.width - this.opts.margin - this.width
|
|
||||||
break
|
break
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -1545,8 +1552,7 @@ export default class Message extends InteractivePopup {
|
||||||
this.y = this.opts.app.size.height / 2 - this.height / 2
|
this.y = this.opts.app.size.height / 2 - this.height / 2
|
||||||
break
|
break
|
||||||
case 'bottom':
|
case 'bottom':
|
||||||
this.y =
|
this.y = this.opts.app.size.height - this.opts.margin - this.height
|
||||||
this.opts.app.size.height - this.opts.margin - this.height
|
|
||||||
break
|
break
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -1579,7 +1585,7 @@ export default class Message extends InteractivePopup {
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1574,10 +1582,7 @@ export default class Modal extends PIXI.Container {
|
||||||
// background
|
// background
|
||||||
//-----------------
|
//-----------------
|
||||||
this.background.clear()
|
this.background.clear()
|
||||||
this.background.beginFill(
|
this.background.beginFill(this.opts.backgroundFill, this.opts.backgroundFillAlpha)
|
||||||
this.opts.backgroundFill,
|
|
||||||
this.opts.backgroundFillAlpha
|
|
||||||
)
|
|
||||||
this.background.drawRect(0, 0, width, height)
|
this.background.drawRect(0, 0, width, height)
|
||||||
this.background.endFill()
|
this.background.endFill()
|
||||||
|
|
||||||
|
|
@ -1661,7 +1666,7 @@ export default class Modal extends PIXI.Container {
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1513,10 +1521,7 @@ export class InteractivePopup extends AbstractPopup {
|
||||||
// closeButton
|
// closeButton
|
||||||
//-----------------
|
//-----------------
|
||||||
if (this.opts.closeButton) {
|
if (this.opts.closeButton) {
|
||||||
let closeButton = PIXI.Sprite.fromImage(
|
let closeButton = PIXI.Sprite.fromImage('../../assets/icons/close.png', true)
|
||||||
'../../assets/icons/close.png',
|
|
||||||
true
|
|
||||||
)
|
|
||||||
closeButton.width = this.headerStyle.fontSize
|
closeButton.width = this.headerStyle.fontSize
|
||||||
closeButton.height = closeButton.width
|
closeButton.height = closeButton.width
|
||||||
closeButton.tint = this.theme.color2
|
closeButton.tint = this.theme.color2
|
||||||
|
|
@ -1540,10 +1545,7 @@ export class InteractivePopup extends AbstractPopup {
|
||||||
//-----------------
|
//-----------------
|
||||||
if (this.opts.maxWidth) {
|
if (this.opts.maxWidth) {
|
||||||
const wordWrapWidth =
|
const wordWrapWidth =
|
||||||
this.opts.maxWidth -
|
this.opts.maxWidth - 2 * this.opts.padding - this.smallPadding - this._closeButton.width
|
||||||
2 * this.opts.padding -
|
|
||||||
this.smallPadding -
|
|
||||||
this._closeButton.width
|
|
||||||
if (this._header) {
|
if (this._header) {
|
||||||
this.headerStyle.wordWrapWidth = wordWrapWidth
|
this.headerStyle.wordWrapWidth = wordWrapWidth
|
||||||
} else if (this._content) {
|
} else if (this._content) {
|
||||||
|
|
@ -1556,18 +1558,10 @@ export class InteractivePopup extends AbstractPopup {
|
||||||
//-----------------
|
//-----------------
|
||||||
if (this.opts.button || this.opts.buttonGroup) {
|
if (this.opts.button || this.opts.buttonGroup) {
|
||||||
if (this.opts.button) {
|
if (this.opts.button) {
|
||||||
this._buttons = new Button(
|
this._buttons = new Button(Object.assign({ textStyle: this.theme.textStyleSmall }, this.opts.button))
|
||||||
Object.assign(
|
|
||||||
{ textStyle: this.theme.textStyleSmall },
|
|
||||||
this.opts.button
|
|
||||||
)
|
|
||||||
)
|
|
||||||
} else {
|
} else {
|
||||||
this._buttons = new ButtonGroup(
|
this._buttons = new ButtonGroup(
|
||||||
Object.assign(
|
Object.assign({ textStyle: this.theme.textStyleSmall }, this.opts.buttonGroup)
|
||||||
{ textStyle: this.theme.textStyleSmall },
|
|
||||||
this.opts.buttonGroup
|
|
||||||
)
|
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
this.addChild(this._buttons)
|
this.addChild(this._buttons)
|
||||||
|
|
@ -1589,18 +1583,15 @@ export class InteractivePopup extends AbstractPopup {
|
||||||
// closeButton
|
// closeButton
|
||||||
//-----------------
|
//-----------------
|
||||||
if (this.opts.closeButton) {
|
if (this.opts.closeButton) {
|
||||||
this._closeButton.x =
|
this._closeButton.x = this.wantedWidth - this.smallPadding - this._closeButton.width
|
||||||
this.wantedWidth - this.smallPadding - this._closeButton.width
|
|
||||||
this._closeButton.y = this.smallPadding
|
this._closeButton.y = this.smallPadding
|
||||||
}
|
}
|
||||||
|
|
||||||
// buttons
|
// buttons
|
||||||
//-----------------
|
//-----------------
|
||||||
if (this._buttons) {
|
if (this._buttons) {
|
||||||
this._buttons.x =
|
this._buttons.x = this.wantedWidth - this.opts.padding - this._buttons.width
|
||||||
this.wantedWidth - this.opts.padding - this._buttons.width
|
this._buttons.y = this.wantedHeight - this.opts.padding - this._buttons.height
|
||||||
this._buttons.y =
|
|
||||||
this.wantedHeight - this.opts.padding - this._buttons.height
|
|
||||||
}
|
}
|
||||||
|
|
||||||
return this
|
return this
|
||||||
|
|
@ -1623,10 +1614,7 @@ export class InteractivePopup extends AbstractPopup {
|
||||||
}
|
}
|
||||||
|
|
||||||
if (this._buttons) {
|
if (this._buttons) {
|
||||||
size.width = Math.max(
|
size.width = Math.max(size.width, this._buttons.x + this._buttons.width)
|
||||||
size.width,
|
|
||||||
this._buttons.x + this._buttons.width
|
|
||||||
)
|
|
||||||
size.height += this.innerPadding + this._buttons.height
|
size.height += this.innerPadding + this._buttons.height
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -1688,7 +1676,7 @@ export default class Popup extends InteractivePopup {
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1514,10 +1522,7 @@ export default class PopupMenu extends Popup {
|
||||||
let object = null
|
let object = null
|
||||||
|
|
||||||
if (item.label) {
|
if (item.label) {
|
||||||
object = new PIXI.Text(
|
object = new PIXI.Text(item.label, item.textStyle || this.opts.textStyle)
|
||||||
item.label,
|
|
||||||
item.textStyle || this.opts.textStyle
|
|
||||||
)
|
|
||||||
} else {
|
} else {
|
||||||
object = item.content
|
object = item.content
|
||||||
}
|
}
|
||||||
|
|
@ -1574,7 +1579,7 @@ export default class PopupMenu extends Popup {
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1594,10 +1602,7 @@ export default class Progress extends PIXI.Container {
|
||||||
//-----------------
|
//-----------------
|
||||||
if (this.opts.background) {
|
if (this.opts.background) {
|
||||||
this.background.clear()
|
this.background.clear()
|
||||||
this.background.beginFill(
|
this.background.beginFill(this.opts.backgroundFill, this.opts.backgroundFillAlpha)
|
||||||
this.opts.backgroundFill,
|
|
||||||
this.opts.backgroundFillAlpha
|
|
||||||
)
|
|
||||||
this.background.drawRect(0, 0, width, height)
|
this.background.drawRect(0, 0, width, height)
|
||||||
this.background.endFill()
|
this.background.endFill()
|
||||||
}
|
}
|
||||||
|
|
@ -1641,20 +1646,10 @@ export default class Progress extends PIXI.Container {
|
||||||
const wantedWidth = this.opts.width || width - 2 * this.opts.margin
|
const wantedWidth = this.opts.width || width - 2 * this.opts.margin
|
||||||
const wantedHeight = this.opts.height
|
const wantedHeight = this.opts.height
|
||||||
|
|
||||||
this.bar.lineStyle(
|
this.bar.lineStyle(this.opts.strokeWidth, this.opts.stroke, this.opts.strokeAlpha)
|
||||||
this.opts.strokeWidth,
|
|
||||||
this.opts.stroke,
|
|
||||||
this.opts.strokeAlpha
|
|
||||||
)
|
|
||||||
this.bar.beginFill(this.opts.fill, this.opts.fillAlpha)
|
this.bar.beginFill(this.opts.fill, this.opts.fillAlpha)
|
||||||
if (this.radius > 1) {
|
if (this.radius > 1) {
|
||||||
this.bar.drawRoundedRect(
|
this.bar.drawRoundedRect(0, 0, wantedWidth, wantedHeight, this.radius)
|
||||||
0,
|
|
||||||
0,
|
|
||||||
wantedWidth,
|
|
||||||
wantedHeight,
|
|
||||||
this.radius
|
|
||||||
)
|
|
||||||
} else {
|
} else {
|
||||||
this.bar.drawRect(0, 0, wantedWidth, wantedHeight)
|
this.bar.drawRect(0, 0, wantedWidth, wantedHeight)
|
||||||
}
|
}
|
||||||
|
|
@ -1678,24 +1673,11 @@ export default class Progress extends PIXI.Container {
|
||||||
|
|
||||||
const barActiveWidth = (wantedWidth * this._progress) / 100
|
const barActiveWidth = (wantedWidth * this._progress) / 100
|
||||||
|
|
||||||
this.barActive.lineStyle(
|
this.barActive.lineStyle(this.opts.strokeActiveWidth, this.opts.strokeActive, this.opts.strokeActiveAlpha)
|
||||||
this.opts.strokeActiveWidth,
|
this.barActive.beginFill(this.opts.fillActive, this.opts.fillActiveAlpha)
|
||||||
this.opts.strokeActive,
|
|
||||||
this.opts.strokeActiveAlpha
|
|
||||||
)
|
|
||||||
this.barActive.beginFill(
|
|
||||||
this.opts.fillActive,
|
|
||||||
this.opts.fillActiveAlpha
|
|
||||||
)
|
|
||||||
if (barActiveWidth > 0) {
|
if (barActiveWidth > 0) {
|
||||||
if (this.radius > 1) {
|
if (this.radius > 1) {
|
||||||
this.barActive.drawRoundedRect(
|
this.barActive.drawRoundedRect(0, 0, barActiveWidth, wantedHeight, this.radius)
|
||||||
0,
|
|
||||||
0,
|
|
||||||
barActiveWidth,
|
|
||||||
wantedHeight,
|
|
||||||
this.radius
|
|
||||||
)
|
|
||||||
} else {
|
} else {
|
||||||
this.barActive.drawRect(0, 0, barActiveWidth, wantedHeight)
|
this.barActive.drawRect(0, 0, barActiveWidth, wantedHeight)
|
||||||
}
|
}
|
||||||
|
|
@ -1779,7 +1761,7 @@ export default class Progress extends PIXI.Container {
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1512,7 +1520,7 @@ export default class Scrollview extends Scrollbox {
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1616,12 +1624,8 @@ export default class Slider extends PIXI.Container {
|
||||||
|
|
||||||
this.on('pointermove', e => {
|
this.on('pointermove', e => {
|
||||||
if (this.control.dragging) {
|
if (this.control.dragging) {
|
||||||
const moveX = this.control.event.data.getLocalPosition(
|
const moveX = this.control.event.data.getLocalPosition(this.control.parent).x
|
||||||
this.control.parent
|
this._value = this.pixelToValue(moveX - this.control.delta - this.opts.controlRadius)
|
||||||
).x
|
|
||||||
this._value = this.pixelToValue(
|
|
||||||
moveX - this.control.delta - this.opts.controlRadius
|
|
||||||
)
|
|
||||||
let x = this.valueToPixel(this._value) + this.opts.controlRadius
|
let x = this.valueToPixel(this._value) + this.opts.controlRadius
|
||||||
this.control.x = x
|
this.control.x = x
|
||||||
|
|
||||||
|
|
@ -1633,16 +1637,8 @@ export default class Slider extends PIXI.Container {
|
||||||
|
|
||||||
if (container instanceof Element) {
|
if (container instanceof Element) {
|
||||||
container.addEventListener('pointerup', e => this.onEnd(e), false)
|
container.addEventListener('pointerup', e => this.onEnd(e), false)
|
||||||
container.addEventListener(
|
container.addEventListener('pointercancel', e => this.onEnd(e), false)
|
||||||
'pointercancel',
|
container.addEventListener('pointerleave', e => this.onEnd(e), false)
|
||||||
e => this.onEnd(e),
|
|
||||||
false
|
|
||||||
)
|
|
||||||
container.addEventListener(
|
|
||||||
'pointerleave',
|
|
||||||
e => this.onEnd(e),
|
|
||||||
false
|
|
||||||
)
|
|
||||||
container.addEventListener('pointerout', e => this.onEnd(e), false)
|
container.addEventListener('pointerout', e => this.onEnd(e), false)
|
||||||
container.addEventListener('mouseup', e => this.onEnd(e), false)
|
container.addEventListener('mouseup', e => this.onEnd(e), false)
|
||||||
container.addEventListener('mousecancel', e => this.onEnd(e), false)
|
container.addEventListener('mousecancel', e => this.onEnd(e), false)
|
||||||
|
|
@ -1703,9 +1699,7 @@ export default class Slider extends PIXI.Container {
|
||||||
if (this.sliderObj.pointerdowned) {
|
if (this.sliderObj.pointerdowned) {
|
||||||
this.sliderObj.pointerdowned = false
|
this.sliderObj.pointerdowned = false
|
||||||
const position = e.data.getLocalPosition(this.control.parent)
|
const position = e.data.getLocalPosition(this.control.parent)
|
||||||
this.value = this.pixelToValue(
|
this.value = this.pixelToValue(position.x - this.opts.controlRadius)
|
||||||
position.x - this.opts.controlRadius
|
|
||||||
)
|
|
||||||
TweenLite.to(this.control, this.theme.fast, { alpha: 0.83 })
|
TweenLite.to(this.control, this.theme.fast, { alpha: 0.83 })
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
@ -1765,11 +1759,7 @@ export default class Slider extends PIXI.Container {
|
||||||
this.sliderObj.clear()
|
this.sliderObj.clear()
|
||||||
this.sliderObj.beginFill(0xffffff, 0)
|
this.sliderObj.beginFill(0xffffff, 0)
|
||||||
this.sliderObj.drawRect(0, 0, x + w + cr, cr * 2)
|
this.sliderObj.drawRect(0, 0, x + w + cr, cr * 2)
|
||||||
this.sliderObj.lineStyle(
|
this.sliderObj.lineStyle(this.opts.strokeWidth, this.opts.stroke, this.opts.strokeAlpha)
|
||||||
this.opts.strokeWidth,
|
|
||||||
this.opts.stroke,
|
|
||||||
this.opts.strokeAlpha
|
|
||||||
)
|
|
||||||
this.sliderObj.beginFill(this.opts.fill, this.opts.fillAlpha)
|
this.sliderObj.beginFill(this.opts.fill, this.opts.fillAlpha)
|
||||||
this.sliderObj.moveTo(x, y)
|
this.sliderObj.moveTo(x, y)
|
||||||
this.sliderObj.lineTo(x + w, y)
|
this.sliderObj.lineTo(x + w, y)
|
||||||
|
|
@ -1783,20 +1773,10 @@ export default class Slider extends PIXI.Container {
|
||||||
|
|
||||||
// Draw control
|
// Draw control
|
||||||
this.control.clear()
|
this.control.clear()
|
||||||
this.control.lineStyle(
|
this.control.lineStyle(this.opts.controlStrokeWidth, this.opts.controlStroke, this.opts.controlStrokeAlpha)
|
||||||
this.opts.controlStrokeWidth,
|
this.control.beginFill(this.opts.controlFill, this.opts.controlFillAlpha)
|
||||||
this.opts.controlStroke,
|
|
||||||
this.opts.controlStrokeAlpha
|
|
||||||
)
|
|
||||||
this.control.beginFill(
|
|
||||||
this.opts.controlFill,
|
|
||||||
this.opts.controlFillAlpha
|
|
||||||
)
|
|
||||||
this.control.drawCircle(0, 0, cr - 1)
|
this.control.drawCircle(0, 0, cr - 1)
|
||||||
this.control.beginFill(
|
this.control.beginFill(this.opts.controlStroke, this.opts.controlStrokeAlpha)
|
||||||
this.opts.controlStroke,
|
|
||||||
this.opts.controlStrokeAlpha
|
|
||||||
)
|
|
||||||
this.control.drawCircle(0, 0, cr / 6)
|
this.control.drawCircle(0, 0, cr / 6)
|
||||||
this.control.endFill()
|
this.control.endFill()
|
||||||
|
|
||||||
|
|
@ -1834,10 +1814,7 @@ export default class Slider extends PIXI.Container {
|
||||||
} else if (value > this.opts.max) {
|
} else if (value > this.opts.max) {
|
||||||
value = this.opts.max
|
value = this.opts.max
|
||||||
}
|
}
|
||||||
return (
|
return (this.opts.width * (value - this.opts.min)) / (this.opts.max - this.opts.min)
|
||||||
(this.opts.width * (value - this.opts.min)) /
|
|
||||||
(this.opts.max - this.opts.min)
|
|
||||||
)
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
@ -1853,10 +1830,7 @@ export default class Slider extends PIXI.Container {
|
||||||
} else if (pixel > this.opts.width) {
|
} else if (pixel > this.opts.width) {
|
||||||
pixel = this.opts.width
|
pixel = this.opts.width
|
||||||
}
|
}
|
||||||
return (
|
return this.opts.min + ((this.opts.max - this.opts.min) * pixel) / this.opts.width
|
||||||
this.opts.min +
|
|
||||||
((this.opts.max - this.opts.min) * pixel) / this.opts.width
|
|
||||||
)
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
@ -1951,7 +1925,7 @@ export default class Slider extends PIXI.Container {
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1592,10 +1600,8 @@ export default class Switch extends PIXI.Container {
|
||||||
opts
|
opts
|
||||||
)
|
)
|
||||||
|
|
||||||
this.opts.controlRadius =
|
this.opts.controlRadius = this.opts.controlRadius || this.opts.height / 2
|
||||||
this.opts.controlRadius || this.opts.height / 2
|
this.opts.controlRadiusActive = this.opts.controlRadiusActive || this.opts.controlRadius
|
||||||
this.opts.controlRadiusActive =
|
|
||||||
this.opts.controlRadiusActive || this.opts.controlRadius
|
|
||||||
|
|
||||||
// Validation
|
// Validation
|
||||||
//-----------------
|
//-----------------
|
||||||
|
|
@ -1757,32 +1763,15 @@ export default class Switch extends PIXI.Container {
|
||||||
draw() {
|
draw() {
|
||||||
this.switchObj.clear()
|
this.switchObj.clear()
|
||||||
if (this.active) {
|
if (this.active) {
|
||||||
this.switchObj.lineStyle(
|
this.switchObj.lineStyle(this.opts.strokeActiveWidth, this.opts.strokeActive, this.opts.strokeActiveAlpha)
|
||||||
this.opts.strokeActiveWidth,
|
this.switchObj.beginFill(this.opts.fillActive, this.opts.fillActiveAlpha)
|
||||||
this.opts.strokeActive,
|
|
||||||
this.opts.strokeActiveAlpha
|
|
||||||
)
|
|
||||||
this.switchObj.beginFill(
|
|
||||||
this.opts.fillActive,
|
|
||||||
this.opts.fillActiveAlpha
|
|
||||||
)
|
|
||||||
} else {
|
} else {
|
||||||
this.switchObj.lineStyle(
|
this.switchObj.lineStyle(this.opts.strokeWidth, this.opts.stroke, this.opts.strokeAlpha)
|
||||||
this.opts.strokeWidth,
|
|
||||||
this.opts.stroke,
|
|
||||||
this.opts.strokeAlpha
|
|
||||||
)
|
|
||||||
this.switchObj.beginFill(this.opts.fill, this.opts.fillAlpha)
|
this.switchObj.beginFill(this.opts.fill, this.opts.fillAlpha)
|
||||||
}
|
}
|
||||||
this.switchObj.moveTo(this.radius, 0)
|
this.switchObj.moveTo(this.radius, 0)
|
||||||
this.switchObj.lineTo(this.opts.width - this.radius, 0)
|
this.switchObj.lineTo(this.opts.width - this.radius, 0)
|
||||||
this.switchObj.arcTo(
|
this.switchObj.arcTo(this.opts.width, 0, this.opts.width, this.radius, this.radius)
|
||||||
this.opts.width,
|
|
||||||
0,
|
|
||||||
this.opts.width,
|
|
||||||
this.radius,
|
|
||||||
this.radius
|
|
||||||
)
|
|
||||||
this.switchObj.lineTo(this.opts.width, this.radius + 1) // BUGFIX: If not specified, there is a small area without a stroke.
|
this.switchObj.lineTo(this.opts.width, this.radius + 1) // BUGFIX: If not specified, there is a small area without a stroke.
|
||||||
this.switchObj.arcTo(
|
this.switchObj.arcTo(
|
||||||
this.opts.width,
|
this.opts.width,
|
||||||
|
|
@ -1804,21 +1793,11 @@ export default class Switch extends PIXI.Container {
|
||||||
this.opts.controlStrokeActive,
|
this.opts.controlStrokeActive,
|
||||||
this.opts.controlStrokeActiveAlpha
|
this.opts.controlStrokeActiveAlpha
|
||||||
)
|
)
|
||||||
this.control.beginFill(
|
this.control.beginFill(this.opts.controlFillActive, this.opts.controlFillActiveAlpha)
|
||||||
this.opts.controlFillActive,
|
|
||||||
this.opts.controlFillActiveAlpha
|
|
||||||
)
|
|
||||||
this.control.drawCircle(0, 0, this.opts.controlRadiusActive - 1)
|
this.control.drawCircle(0, 0, this.opts.controlRadiusActive - 1)
|
||||||
} else {
|
} else {
|
||||||
this.control.lineStyle(
|
this.control.lineStyle(this.opts.controlStrokeWidth, this.opts.controlStroke, this.opts.controlStrokeAlpha)
|
||||||
this.opts.controlStrokeWidth,
|
this.control.beginFill(this.opts.controlFill, this.opts.controlFillAlpha)
|
||||||
this.opts.controlStroke,
|
|
||||||
this.opts.controlStrokeAlpha
|
|
||||||
)
|
|
||||||
this.control.beginFill(
|
|
||||||
this.opts.controlFill,
|
|
||||||
this.opts.controlFillAlpha
|
|
||||||
)
|
|
||||||
this.control.drawCircle(0, 0, this.opts.controlRadius - 1)
|
this.control.drawCircle(0, 0, this.opts.controlRadius - 1)
|
||||||
}
|
}
|
||||||
this.control.endFill()
|
this.control.endFill()
|
||||||
|
|
@ -1834,24 +1813,11 @@ export default class Switch extends PIXI.Container {
|
||||||
*/
|
*/
|
||||||
drawAnimated() {
|
drawAnimated() {
|
||||||
this.switchObj.clear()
|
this.switchObj.clear()
|
||||||
this.switchObj.lineStyle(
|
this.switchObj.lineStyle(this.tempAnimated.strokeWidth, this.tempAnimated.stroke, this.tempAnimated.strokeAlpha)
|
||||||
this.tempAnimated.strokeWidth,
|
this.switchObj.beginFill(this.tempAnimated.fill, this.tempAnimated.fillAlpha)
|
||||||
this.tempAnimated.stroke,
|
|
||||||
this.tempAnimated.strokeAlpha
|
|
||||||
)
|
|
||||||
this.switchObj.beginFill(
|
|
||||||
this.tempAnimated.fill,
|
|
||||||
this.tempAnimated.fillAlpha
|
|
||||||
)
|
|
||||||
this.switchObj.moveTo(this.radius, 0)
|
this.switchObj.moveTo(this.radius, 0)
|
||||||
this.switchObj.lineTo(this.opts.width - this.radius, 0)
|
this.switchObj.lineTo(this.opts.width - this.radius, 0)
|
||||||
this.switchObj.arcTo(
|
this.switchObj.arcTo(this.opts.width, 0, this.opts.width, this.radius, this.radius)
|
||||||
this.opts.width,
|
|
||||||
0,
|
|
||||||
this.opts.width,
|
|
||||||
this.radius,
|
|
||||||
this.radius
|
|
||||||
)
|
|
||||||
this.switchObj.lineTo(this.opts.width, this.radius + 1) // BUGFIX: If not specified, there is a small area without a stroke.
|
this.switchObj.lineTo(this.opts.width, this.radius + 1) // BUGFIX: If not specified, there is a small area without a stroke.
|
||||||
this.switchObj.arcTo(
|
this.switchObj.arcTo(
|
||||||
this.opts.width,
|
this.opts.width,
|
||||||
|
|
@ -1871,10 +1837,7 @@ export default class Switch extends PIXI.Container {
|
||||||
this.tempAnimated.controlStroke,
|
this.tempAnimated.controlStroke,
|
||||||
this.tempAnimated.controlStrokeAlpha
|
this.tempAnimated.controlStrokeAlpha
|
||||||
)
|
)
|
||||||
this.control.beginFill(
|
this.control.beginFill(this.tempAnimated.controlFill, this.tempAnimated.controlFillAlpha)
|
||||||
this.tempAnimated.controlFill,
|
|
||||||
this.tempAnimated.controlFillAlpha
|
|
||||||
)
|
|
||||||
this.control.drawCircle(0, 0, this.tempAnimated.controlRadius - 1)
|
this.control.drawCircle(0, 0, this.tempAnimated.controlRadius - 1)
|
||||||
this.control.endFill()
|
this.control.endFill()
|
||||||
|
|
||||||
|
|
@ -2016,7 +1979,7 @@ export default class Switch extends PIXI.Container {
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1520,8 +1528,7 @@ export default class Theme {
|
||||||
* is used for large actived text.
|
* is used for large actived text.
|
||||||
*/
|
*/
|
||||||
constructor(opts = {}) {
|
constructor(opts = {}) {
|
||||||
const colorPrimary =
|
const colorPrimary = opts.primaryColor != null ? opts.primaryColor : 0x5ec7f8 // blue
|
||||||
opts.primaryColor != null ? opts.primaryColor : 0x5ec7f8 // blue
|
|
||||||
const color1 = opts.color1 != null ? opts.color1 : 0x282828 // black
|
const color1 = opts.color1 != null ? opts.color1 : 0x282828 // black
|
||||||
const color2 = opts.color2 != null ? opts.color2 : 0xf6f6f6 // white
|
const color2 = opts.color2 != null ? opts.color2 : 0xf6f6f6 // white
|
||||||
|
|
||||||
|
|
@ -1713,7 +1720,7 @@ export class ThemeRed extends Theme {
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1605,7 +1613,7 @@ export default class Tooltip extends AbstractPopup {
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1609,7 +1617,7 @@ export default class Volatile {
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -263,12 +263,20 @@
|
||||||
|
|
||||||
<span class="subtitle">Methods</span>
|
<span class="subtitle">Methods</span>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||||
|
|
||||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||||
|
|
||||||
|
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="events itemMembers">
|
<ul class="events itemMembers">
|
||||||
|
|
||||||
|
|
@ -1634,9 +1642,7 @@ export default class UITest {
|
||||||
if (opts.eventType) {
|
if (opts.eventType) {
|
||||||
opts.eventTypes = opts.eventType
|
opts.eventTypes = opts.eventType
|
||||||
}
|
}
|
||||||
opts.eventTypes = Array.isArray(opts.eventTypes)
|
opts.eventTypes = Array.isArray(opts.eventTypes) ? opts.eventTypes : [opts.eventTypes]
|
||||||
? opts.eventTypes
|
|
||||||
: [opts.eventTypes]
|
|
||||||
|
|
||||||
// timeline
|
// timeline
|
||||||
//--------------------
|
//--------------------
|
||||||
|
|
@ -1674,14 +1680,8 @@ export default class UITest {
|
||||||
if (opts.eventTypes[0]) {
|
if (opts.eventTypes[0]) {
|
||||||
// create and dispatch event
|
// create and dispatch event
|
||||||
//--------------------
|
//--------------------
|
||||||
const eventStart = Event.create(
|
const eventStart = Event.create(elem, coords, opts.eventTypes[0], eventOpts)
|
||||||
elem,
|
if (this.opts.debug) console.log('dispatch event', eventStart)
|
||||||
coords,
|
|
||||||
opts.eventTypes[0],
|
|
||||||
eventOpts
|
|
||||||
)
|
|
||||||
if (this.opts.debug)
|
|
||||||
console.log('dispatch event', eventStart)
|
|
||||||
elem.dispatchEvent(eventStart)
|
elem.dispatchEvent(eventStart)
|
||||||
|
|
||||||
// onStart
|
// onStart
|
||||||
|
|
@ -1693,14 +1693,8 @@ export default class UITest {
|
||||||
|
|
||||||
// create and dispatch event
|
// create and dispatch event
|
||||||
//--------------------
|
//--------------------
|
||||||
const eventComplete = Event.create(
|
const eventComplete = Event.create(elem, coords, opts.eventTypes[1], eventOpts)
|
||||||
elem,
|
if (this.opts.debug) console.log('dispatch event', eventComplete)
|
||||||
coords,
|
|
||||||
opts.eventTypes[1],
|
|
||||||
eventOpts
|
|
||||||
)
|
|
||||||
if (this.opts.debug)
|
|
||||||
console.log('dispatch event', eventComplete)
|
|
||||||
elem.dispatchEvent(eventComplete)
|
elem.dispatchEvent(eventComplete)
|
||||||
|
|
||||||
// onComplete
|
// onComplete
|
||||||
|
|
@ -1795,14 +1789,8 @@ export default class UITest {
|
||||||
onStart: () => {
|
onStart: () => {
|
||||||
// create and dispatch event
|
// create and dispatch event
|
||||||
//--------------------
|
//--------------------
|
||||||
const event = Event.create(
|
const event = Event.create(elem, from, opts.eventTypes[0], eventOpts)
|
||||||
elem,
|
if (this.opts.debug) console.log('dispatch event', event)
|
||||||
from,
|
|
||||||
opts.eventTypes[0],
|
|
||||||
eventOpts
|
|
||||||
)
|
|
||||||
if (this.opts.debug)
|
|
||||||
console.log('dispatch event', event)
|
|
||||||
elem.dispatchEvent(event)
|
elem.dispatchEvent(event)
|
||||||
|
|
||||||
// onStart
|
// onStart
|
||||||
|
|
@ -1814,14 +1802,8 @@ export default class UITest {
|
||||||
onUpdate: () => {
|
onUpdate: () => {
|
||||||
// create and dispatch event
|
// create and dispatch event
|
||||||
//--------------------
|
//--------------------
|
||||||
const event = Event.create(
|
const event = Event.create(elem, from, opts.eventTypes[1], eventOpts)
|
||||||
elem,
|
if (this.opts.debug) console.log('dispatch event', event)
|
||||||
from,
|
|
||||||
opts.eventTypes[1],
|
|
||||||
eventOpts
|
|
||||||
)
|
|
||||||
if (this.opts.debug)
|
|
||||||
console.log('dispatch event', event)
|
|
||||||
elem.dispatchEvent(event)
|
elem.dispatchEvent(event)
|
||||||
|
|
||||||
// onUpdate
|
// onUpdate
|
||||||
|
|
@ -1833,14 +1815,8 @@ export default class UITest {
|
||||||
onComplete: () => {
|
onComplete: () => {
|
||||||
// create and dispatch event
|
// create and dispatch event
|
||||||
//--------------------
|
//--------------------
|
||||||
const event = Event.create(
|
const event = Event.create(elem, from, opts.eventTypes[2], eventOpts)
|
||||||
elem,
|
if (this.opts.debug) console.log('dispatch event', event)
|
||||||
from,
|
|
||||||
opts.eventTypes[2],
|
|
||||||
eventOpts
|
|
||||||
)
|
|
||||||
if (this.opts.debug)
|
|
||||||
console.log('dispatch event', event)
|
|
||||||
elem.dispatchEvent(event)
|
elem.dispatchEvent(event)
|
||||||
|
|
||||||
// onComplete
|
// onComplete
|
||||||
|
|
@ -1991,66 +1967,39 @@ export default class UITest {
|
||||||
onStart: () => {
|
onStart: () => {
|
||||||
// create and dispatch event
|
// create and dispatch event
|
||||||
//--------------------
|
//--------------------
|
||||||
const event = Event.create(
|
const event = Event.create(elem, from, opts.eventTypes[0], eventOpts)
|
||||||
elem,
|
if (this.opts.debug) console.log('dispatch event', event)
|
||||||
from,
|
|
||||||
opts.eventTypes[0],
|
|
||||||
eventOpts
|
|
||||||
)
|
|
||||||
if (this.opts.debug)
|
|
||||||
console.log('dispatch event', event)
|
|
||||||
elem.dispatchEvent(event)
|
elem.dispatchEvent(event)
|
||||||
|
|
||||||
// onStart
|
// onStart
|
||||||
//--------------------
|
//--------------------
|
||||||
if (
|
if (opts.onStart && (opts.doubleCallbacks || key === 0)) {
|
||||||
opts.onStart &&
|
|
||||||
(opts.doubleCallbacks || key === 0)
|
|
||||||
) {
|
|
||||||
opts.onStart.call(this, event)
|
opts.onStart.call(this, event)
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onUpdate: () => {
|
onUpdate: () => {
|
||||||
// create and dispatch event
|
// create and dispatch event
|
||||||
//--------------------
|
//--------------------
|
||||||
const event = Event.create(
|
const event = Event.create(elem, from, opts.eventTypes[1], eventOpts)
|
||||||
elem,
|
if (this.opts.debug) console.log('dispatch event', event)
|
||||||
from,
|
|
||||||
opts.eventTypes[1],
|
|
||||||
eventOpts
|
|
||||||
)
|
|
||||||
if (this.opts.debug)
|
|
||||||
console.log('dispatch event', event)
|
|
||||||
elem.dispatchEvent(event)
|
elem.dispatchEvent(event)
|
||||||
|
|
||||||
// onUpdate
|
// onUpdate
|
||||||
//--------------------
|
//--------------------
|
||||||
if (
|
if (opts.onUpdate && (opts.doubleCallbacks || key === 0)) {
|
||||||
opts.onUpdate &&
|
|
||||||
(opts.doubleCallbacks || key === 0)
|
|
||||||
) {
|
|
||||||
opts.onUpdate.call(this, event)
|
opts.onUpdate.call(this, event)
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onComplete: () => {
|
onComplete: () => {
|
||||||
// create and dispatch event
|
// create and dispatch event
|
||||||
//--------------------
|
//--------------------
|
||||||
const event = Event.create(
|
const event = Event.create(elem, from, opts.eventTypes[2], eventOpts)
|
||||||
elem,
|
if (this.opts.debug) console.log('dispatch event', event)
|
||||||
from,
|
|
||||||
opts.eventTypes[2],
|
|
||||||
eventOpts
|
|
||||||
)
|
|
||||||
if (this.opts.debug)
|
|
||||||
console.log('dispatch event', event)
|
|
||||||
elem.dispatchEvent(event)
|
elem.dispatchEvent(event)
|
||||||
|
|
||||||
// onComplete
|
// onComplete
|
||||||
//--------------------
|
//--------------------
|
||||||
if (
|
if (opts.onComplete && (opts.doubleCallbacks || key === 0)) {
|
||||||
opts.onComplete &&
|
|
||||||
(opts.doubleCallbacks || key === 0)
|
|
||||||
) {
|
|
||||||
opts.onComplete.call(this, event)
|
opts.onComplete.call(this, event)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -2168,9 +2117,7 @@ export default class UITest {
|
||||||
'No execution time was specified for this action, and a default interval was not set in the class constructor!'
|
'No execution time was specified for this action, and a default interval was not set in the class constructor!'
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
timelinePosition =
|
timelinePosition = Math.max(...this._timelinePositions) + (this.opts.defaultInterval || 1)
|
||||||
Math.max(...this._timelinePositions) +
|
|
||||||
(this.opts.defaultInterval || 1)
|
|
||||||
}
|
}
|
||||||
|
|
||||||
if (opts === null) {
|
if (opts === null) {
|
||||||
|
|
@ -2245,12 +2192,8 @@ class Util {
|
||||||
* @return {HTMLElement|string} element - The HTML element on which the event is to be executed, e.g. button, document, h2, canvas, etc. or an selector string. If a selector has been specified, it is evaluated immediately before the event is called using the querySelector method.
|
* @return {HTMLElement|string} element - The HTML element on which the event is to be executed, e.g. button, document, h2, canvas, etc. or an selector string. If a selector has been specified, it is evaluated immediately before the event is called using the querySelector method.
|
||||||
*/
|
*/
|
||||||
static extractElement(context, element) {
|
static extractElement(context, element) {
|
||||||
const cont = Util.isFrame(context)
|
const cont = Util.isFrame(context) ? context.contentDocument : context.document
|
||||||
? context.contentDocument
|
const elem = Util.isString(element) ? cont.querySelector(element) : element
|
||||||
: context.document
|
|
||||||
const elem = Util.isString(element)
|
|
||||||
? cont.querySelector(element)
|
|
||||||
: element
|
|
||||||
|
|
||||||
return elem
|
return elem
|
||||||
}
|
}
|
||||||
|
|
@ -2306,9 +2249,7 @@ class Util {
|
||||||
type: 'thru'
|
type: 'thru'
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
opts.bezier.values = opts.bezier.values.map(it =>
|
opts.bezier.values = opts.bezier.values.map(it => Util.extractPosition(it))
|
||||||
Util.extractPosition(it)
|
|
||||||
)
|
|
||||||
bezier = opts.bezier
|
bezier = opts.bezier
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -2444,16 +2385,9 @@ class Event {
|
||||||
* @param {string} type - The type of the event, see https://developer.mozilla.org/de/docs/Web/Events
|
* @param {string} type - The type of the event, see https://developer.mozilla.org/de/docs/Web/Events
|
||||||
* @param {object} opts - An options object. Every paramter of the event object can be overridden, see e.g. https://developer.mozilla.org/de/docs/Web/API/MouseEvent for all the properties.
|
* @param {object} opts - An options object. Every paramter of the event object can be overridden, see e.g. https://developer.mozilla.org/de/docs/Web/API/MouseEvent for all the properties.
|
||||||
*/
|
*/
|
||||||
static create(
|
static create(target, position = { x: 0, y: 0 }, type = 'pointerup', opts = {}) {
|
||||||
target,
|
|
||||||
position = { x: 0, y: 0 },
|
|
||||||
type = 'pointerup',
|
|
||||||
opts = {}
|
|
||||||
) {
|
|
||||||
const rect =
|
const rect =
|
||||||
typeof target.getBoundingClientRect === 'function'
|
typeof target.getBoundingClientRect === 'function' ? target.getBoundingClientRect() : { x: 0, y: 0 }
|
||||||
? target.getBoundingClientRect()
|
|
||||||
: { x: 0, y: 0 }
|
|
||||||
|
|
||||||
// EventInit
|
// EventInit
|
||||||
const eventOpts = {
|
const eventOpts = {
|
||||||
|
|
@ -2512,25 +2446,12 @@ class Event {
|
||||||
if (type.startsWith('pointer')) {
|
if (type.startsWith('pointer')) {
|
||||||
return new PointerEvent(
|
return new PointerEvent(
|
||||||
type,
|
type,
|
||||||
Object.assign(
|
Object.assign({}, eventOpts, uiEventOpts, mouseEventOpts, pointerEventOpts, opts)
|
||||||
{},
|
|
||||||
eventOpts,
|
|
||||||
uiEventOpts,
|
|
||||||
mouseEventOpts,
|
|
||||||
pointerEventOpts,
|
|
||||||
opts
|
|
||||||
)
|
|
||||||
)
|
)
|
||||||
} else if (type.startsWith('touch')) {
|
} else if (type.startsWith('touch')) {
|
||||||
return new TouchEvent(
|
return new TouchEvent(type, Object.assign({}, eventOpts, uiEventOpts, touchEventOpts, opts))
|
||||||
type,
|
|
||||||
Object.assign({}, eventOpts, uiEventOpts, touchEventOpts, opts)
|
|
||||||
)
|
|
||||||
} else {
|
} else {
|
||||||
return new MouseEvent(
|
return new MouseEvent(type, Object.assign({}, eventOpts, uiEventOpts, mouseEventOpts, opts))
|
||||||
type,
|
|
||||||
Object.assign({}, eventOpts, uiEventOpts, mouseEventOpts, opts)
|
|
||||||
)
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -2547,7 +2468,7 @@ class Event {
|
||||||
|
|
||||||
<footer class="content-size">
|
<footer class="content-size">
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -245,7 +245,7 @@ const buttonGroup14 = new ButtonGroup({
|
||||||
{label: 'Stacked button 7', action: event => console.log('clicked 7')},
|
{label: 'Stacked button 7', action: event => console.log('clicked 7')},
|
||||||
{label: 'Stacked button 8', action: event => console.log('clicked 8')}
|
{label: 'Stacked button 8', action: event => console.log('clicked 8')}
|
||||||
],
|
],
|
||||||
stacked: true,
|
stackPadding: 6,
|
||||||
maxWidth: 620,
|
maxWidth: 620,
|
||||||
app
|
app
|
||||||
})
|
})
|
||||||
|
|
@ -263,18 +263,30 @@ const buttonGroup15 = new ButtonGroup({
|
||||||
{icon: 'battery_charging_full', type: 'checkbox', iconColorActive: 0x9c71b7}
|
{icon: 'battery_charging_full', type: 'checkbox', iconColorActive: 0x9c71b7}
|
||||||
],
|
],
|
||||||
orientation: 'vertical',
|
orientation: 'vertical',
|
||||||
margin: 0,
|
margin: 1,
|
||||||
stacked: true,
|
|
||||||
maxHeight: 200,
|
maxHeight: 200,
|
||||||
app
|
app
|
||||||
})
|
})
|
||||||
|
|
||||||
|
const buttons16 = []
|
||||||
|
for (let i = 1; i < 51; i++) {
|
||||||
|
buttons16.push({label: `Button ${i}`, stroke: Math.floor(Math.random() * 16777215), strokeWidth: 3, radius: 16})
|
||||||
|
}
|
||||||
|
const buttonGroup16 = new ButtonGroup({
|
||||||
|
x: 90,
|
||||||
|
y: 1040,
|
||||||
|
buttons: buttons16,
|
||||||
|
stackPadding: 3,
|
||||||
|
maxWidth: 700,
|
||||||
|
app
|
||||||
|
})
|
||||||
|
|
||||||
app.scene.addChild(buttonGroup1, buttonGroup2, buttonGroup3)
|
app.scene.addChild(buttonGroup1, buttonGroup2, buttonGroup3)
|
||||||
app.scene.addChild(buttonGroup4)
|
app.scene.addChild(buttonGroup4)
|
||||||
app.scene.addChild(buttonGroup5, buttonGroup6)
|
app.scene.addChild(buttonGroup5, buttonGroup6)
|
||||||
app.scene.addChild(buttonGroup7, buttonGroup8)
|
app.scene.addChild(buttonGroup7, buttonGroup8)
|
||||||
app.scene.addChild(buttonGroup9, buttonGroup10, buttonGroup11, buttonGroup12, buttonGroup13)
|
app.scene.addChild(buttonGroup9, buttonGroup10, buttonGroup11, buttonGroup12, buttonGroup13)
|
||||||
app.scene.addChild(buttonGroup14, buttonGroup15)
|
app.scene.addChild(buttonGroup14, buttonGroup15, buttonGroup16)
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -42,10 +42,10 @@ export default class ButtonGroup extends PIXI.Container {
|
||||||
* or a Theme object.
|
* or a Theme object.
|
||||||
* @param {number} [opts.minWidth=44] - Button: The minimum width of one button.
|
* @param {number} [opts.minWidth=44] - Button: The minimum width of one button.
|
||||||
* @param {number} [opts.minHeight=44] - Button: The minimum height of one button.
|
* @param {number} [opts.minHeight=44] - Button: The minimum height of one button.
|
||||||
* @param {number} [opts.maxWidth] - The maximum width of the button group. Only used if stacked is true and the orientation is horizontal.
|
* @param {number} [opts.maxWidth] - The maximum width of the button group. If the buttons are wider than the maximum width, the buttons get stacked. Note: The buttons can only be stacked if margin is not zero.
|
||||||
* @param {number} [opts.maxHeight] - The maximum height of the button group. Only used if stacked is true and the orientation is vertical.
|
* @param {number} [opts.maxHeight] - The maximum height of the button group. If the buttons are higher than the maximum height, the buttons get stacked. Note: The buttons can only be stacked if margin is not zero.
|
||||||
* @param {boolean} [opts.stacked=false] - If set to true, the buttons of the button group gets stacked if they are broader or higher than the maximum permitted width or height, depending on orientation.
|
* @param {number} [opts.stackPadding=10] - The padding for stacked buttons.
|
||||||
* @param {PIXI.Application} [opts.app] - The PixiJS Application. Must be set if you want to use the mousewheel to scroll your button group.
|
* @param {PIXI.Application} [opts.app] - The PixiJS Application. Must be set if you want to use the mousewheel to scroll your button group. Only used when the buttons are stacked (with maxWidth or maxHeight).
|
||||||
* @param {number} [opts.padding=Theme.padding] - Button: The inner spacing (distance from icon and/or label) the the border.
|
* @param {number} [opts.padding=Theme.padding] - Button: The inner spacing (distance from icon and/or label) the the border.
|
||||||
* @param {number} [opts.margin=Theme.margin] - The outer spacing (distance from one button to the previous/next button).
|
* @param {number} [opts.margin=Theme.margin] - The outer spacing (distance from one button to the previous/next button).
|
||||||
* @param {string} [opts.iconPosition=left] - Button: The position of the icon in relation to the label. Can be left or right.
|
* @param {string} [opts.iconPosition=left] - Button: The position of the icon in relation to the label. Can be left or right.
|
||||||
|
|
@ -96,7 +96,7 @@ export default class ButtonGroup extends PIXI.Container {
|
||||||
minHeight: 44,
|
minHeight: 44,
|
||||||
maxWidth: null,
|
maxWidth: null,
|
||||||
maxHeight: null,
|
maxHeight: null,
|
||||||
stacked: false,
|
stackPadding: 10,
|
||||||
app: null,
|
app: null,
|
||||||
padding: theme.padding,
|
padding: theme.padding,
|
||||||
margin: theme.margin,
|
margin: theme.margin,
|
||||||
|
|
@ -159,6 +159,7 @@ export default class ButtonGroup extends PIXI.Container {
|
||||||
// Buttons
|
// Buttons
|
||||||
//-----------------
|
//-----------------
|
||||||
let position = 0
|
let position = 0
|
||||||
|
let index = 0
|
||||||
|
|
||||||
for (let it of this.opts.buttons) {
|
for (let it of this.opts.buttons) {
|
||||||
delete it.x
|
delete it.x
|
||||||
|
|
@ -237,6 +238,9 @@ export default class ButtonGroup extends PIXI.Container {
|
||||||
}
|
}
|
||||||
|
|
||||||
position += (this.opts.orientation === 'horizontal' ? button.width : button.height) + this.opts.margin
|
position += (this.opts.orientation === 'horizontal' ? button.width : button.height) + this.opts.margin
|
||||||
|
|
||||||
|
button.__initIndex = index
|
||||||
|
index++
|
||||||
}
|
}
|
||||||
|
|
||||||
if (this.opts.orientation === 'vertical') {
|
if (this.opts.orientation === 'vertical') {
|
||||||
|
|
@ -256,7 +260,7 @@ export default class ButtonGroup extends PIXI.Container {
|
||||||
|
|
||||||
// interaction
|
// interaction
|
||||||
//--------------------
|
//--------------------
|
||||||
if (this.opts.stacked) {
|
if (this.opts.margin > 0 && (this.opts.maxWidth || this.opts.maxHeight)) {
|
||||||
this.interactive = true
|
this.interactive = true
|
||||||
this.on('pointerdown', this.onStart.bind(this))
|
this.on('pointerdown', this.onStart.bind(this))
|
||||||
this.on('pointermove', this.onMove.bind(this))
|
this.on('pointermove', this.onMove.bind(this))
|
||||||
|
|
@ -288,7 +292,6 @@ export default class ButtonGroup extends PIXI.Container {
|
||||||
this.addChildAt(background, 0)
|
this.addChildAt(background, 0)
|
||||||
|
|
||||||
this.__initWidth = this.container.width
|
this.__initWidth = this.container.width
|
||||||
this.__deltaWidth = this.container.width - this.opts.maxWidth
|
|
||||||
}
|
}
|
||||||
|
|
||||||
return this
|
return this
|
||||||
|
|
@ -308,9 +311,9 @@ export default class ButtonGroup extends PIXI.Container {
|
||||||
//-----------------
|
//-----------------
|
||||||
this.draw()
|
this.draw()
|
||||||
|
|
||||||
// stacked
|
// stack
|
||||||
//-----------------
|
//-----------------
|
||||||
if (this.opts.stacked) {
|
if (this.opts.margin > 0 && (this.opts.maxWidth || this.opts.maxHeight)) {
|
||||||
this.stack()
|
this.stack()
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -438,9 +441,7 @@ export default class ButtonGroup extends PIXI.Container {
|
||||||
this.container.position.y = event.data.global.y + this.__delta.y
|
this.container.position.y = event.data.global.y + this.__delta.y
|
||||||
}
|
}
|
||||||
|
|
||||||
if (this.opts.stacked) {
|
this.stack()
|
||||||
this.stack()
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -515,9 +516,7 @@ export default class ButtonGroup extends PIXI.Container {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
if (this.opts.stacked) {
|
this.stack()
|
||||||
this.stack()
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
@ -534,35 +533,106 @@ export default class ButtonGroup extends PIXI.Container {
|
||||||
*
|
*
|
||||||
*/
|
*/
|
||||||
stack() {
|
stack() {
|
||||||
|
if (this.opts.maxWidth) {
|
||||||
|
this._stackHorizontal()
|
||||||
|
} else if (this.opts.maxHeight) {
|
||||||
|
this._stackVertical()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
_stackHorizontal() {
|
||||||
|
const sorted = []
|
||||||
|
|
||||||
|
let reverseCounter = this.buttons.length - 1
|
||||||
|
|
||||||
this.buttons.forEach((it, index) => {
|
this.buttons.forEach((it, index) => {
|
||||||
if (it.__originalPosition.x + this.container.x < 0) {
|
const leftCorner = it.__originalPosition.x + this.container.x
|
||||||
|
const rightCorner = it.__originalPosition.x + it.width
|
||||||
|
const paddingLeft = index * this.opts.stackPadding
|
||||||
|
const paddingRight = reverseCounter * this.opts.stackPadding
|
||||||
|
if (leftCorner < paddingLeft) {
|
||||||
// left border
|
// left border
|
||||||
it.x = -this.container.x
|
it.x = -this.container.x + paddingLeft
|
||||||
} else if (it.__originalPosition.x + it.width > Math.abs(this.container.x) + this.opts.maxWidth) {
|
} else if (rightCorner > -this.container.x + this.opts.maxWidth - paddingRight) {
|
||||||
// right border
|
// right border
|
||||||
it.x = Math.abs(this.container.x) + this.opts.maxWidth - it.width
|
it.x = -this.container.x + this.opts.maxWidth - it.width - paddingRight
|
||||||
} else {
|
} else {
|
||||||
it.x = it.__originalPosition.x
|
it.x = it.__originalPosition.x
|
||||||
}
|
}
|
||||||
|
|
||||||
|
reverseCounter--
|
||||||
|
|
||||||
|
sorted.push(it)
|
||||||
})
|
})
|
||||||
|
|
||||||
this.buttons.sort((a, b) => {
|
const min = Math.min(...sorted.map(it => it.x))
|
||||||
const delta = Math.abs(this.container.x) + this.opts.maxWidth / 2
|
const max = Math.max(...sorted.map(it => it.x))
|
||||||
const distanceA = Math.abs(a.x - delta)
|
const center = (min + max) / 2
|
||||||
const distanceB = Math.abs(b.x - delta)
|
|
||||||
if (distanceA > distanceB) {
|
// z-index
|
||||||
return -1
|
sorted
|
||||||
} else if (distanceB > distanceA) {
|
.sort((a, b) => {
|
||||||
return 1
|
const distanceA = Math.abs(a.x - center)
|
||||||
|
const distanceB = Math.abs(b.x - center)
|
||||||
|
if (distanceA < distanceB) {
|
||||||
|
return 1
|
||||||
|
} else if (distanceA > distanceB) {
|
||||||
|
return -1
|
||||||
|
} else {
|
||||||
|
return 0
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.forEach(it => it.parent.addChild(it))
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
_stackVertical() {
|
||||||
|
const sorted = []
|
||||||
|
|
||||||
|
let reverseCounter = this.buttons.length - 1
|
||||||
|
|
||||||
|
this.buttons.forEach((it, index) => {
|
||||||
|
const topCorner = it.__originalPosition.y + this.container.y
|
||||||
|
const bottomCorner = it.__originalPosition.y + it.height
|
||||||
|
const paddingTop = index * this.opts.stackPadding
|
||||||
|
const paddingBottom = reverseCounter * this.opts.stackPadding
|
||||||
|
if (topCorner < paddingTop) {
|
||||||
|
// top border
|
||||||
|
it.y = -this.container.y + paddingTop
|
||||||
|
} else if (bottomCorner > -this.container.y + this.opts.maxHeight - paddingBottom) {
|
||||||
|
// bottom border
|
||||||
|
it.y = -this.container.y + this.opts.maxHeight - it.height - paddingBottom
|
||||||
} else {
|
} else {
|
||||||
return 0
|
it.y = it.__originalPosition.y
|
||||||
}
|
}
|
||||||
|
|
||||||
|
reverseCounter--
|
||||||
|
|
||||||
|
sorted.push(it)
|
||||||
})
|
})
|
||||||
|
|
||||||
this.buttons.forEach(it => {
|
const min = Math.min(...sorted.map(it => it.y))
|
||||||
const parent = it.parent
|
const max = Math.max(...sorted.map(it => it.y))
|
||||||
parent.removeChild(it)
|
const center = (min + max) / 2
|
||||||
parent.addChild(it)
|
|
||||||
})
|
// z-index
|
||||||
|
sorted
|
||||||
|
.sort((a, b) => {
|
||||||
|
const distanceA = Math.abs(a.y - center)
|
||||||
|
const distanceB = Math.abs(b.y - center)
|
||||||
|
if (distanceA < distanceB) {
|
||||||
|
return 1
|
||||||
|
} else if (distanceA > distanceB) {
|
||||||
|
return -1
|
||||||
|
} else {
|
||||||
|
return 0
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.forEach(it => it.parent.addChild(it))
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue