Added textAlpha and textActiveAlpha to Button and ButtonGroup.
This commit is contained in:
parent
e50ea6af31
commit
e2ea89cc0b
133
dist/iwmlib.js
vendored
133
dist/iwmlib.js
vendored
@ -508,19 +508,6 @@
|
||||
|
||||
static toLine(event) {
|
||||
return `${event.type} #${event.target.id} ${event.clientX} ${event.clientY}`
|
||||
let result = event.type;
|
||||
let selector = this.selector(event.target);
|
||||
result += ' selector: ' + selector;
|
||||
if (event.target != document.querySelector(selector)) console.log('Cannot resolve', selector);
|
||||
let keys = ['layerX', 'layerY', 'pageX', 'pageY', 'clientX', 'clientY'];
|
||||
for (let key of keys) {
|
||||
try {
|
||||
result += ' ' + key + ':' + event[key];
|
||||
} catch (e) {
|
||||
console.log('Invalid key: ' + key);
|
||||
}
|
||||
}
|
||||
return result
|
||||
}
|
||||
|
||||
static compareExtractedWithSimulated() {
|
||||
@ -8245,7 +8232,7 @@
|
||||
*/
|
||||
class Card {
|
||||
static setup(context, modules = []) {
|
||||
console.log('Setup Card...', modules);
|
||||
if (this.debug) console.log('Setup Card...', modules);
|
||||
|
||||
/**
|
||||
* This is required for the callback functions to work properly.
|
||||
@ -8269,28 +8256,55 @@
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Removes the context and all registered components of the card.
|
||||
*
|
||||
* @static
|
||||
* @param {DOMElement} context - The DOMElement representing the card.
|
||||
* @memberof Card
|
||||
*/
|
||||
static remove(context) {
|
||||
//Remove all modules that are registered to the context.
|
||||
for (let module of Object.values(context.module)) {
|
||||
const moduleHasRemoveFunction = typeof module.remove === 'function';
|
||||
if (moduleHasRemoveFunction) module.remove();
|
||||
if (moduleHasRemoveFunction) {
|
||||
module.remove();
|
||||
}
|
||||
}
|
||||
|
||||
// Remove the context itself.
|
||||
if (context.parentNode != null) {
|
||||
context.parentNode.removeChild(context);
|
||||
} else {
|
||||
console.warn('Tried removing card but it has already been removed.');
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Closes the card when an event happens on the card.
|
||||
* Either the card is removed or the onClose callback is called.
|
||||
*
|
||||
* NOTE: Make sure to remove the card manually, when using the onClose callback!
|
||||
*
|
||||
* INFO: I just revisited this function and was wondering, why it takes the event as
|
||||
* parameter instead of the context. The problem is that the card template defines
|
||||
* the functions inside the HTML. When loaded, the HTML attributes need to be adjusted
|
||||
* and the functions are overwritten. Using during the post processing step withing the postProcessResponseText function.
|
||||
*
|
||||
* @static
|
||||
* @param {Event} event - event triggered on the car
|
||||
* @memberof Card
|
||||
*/
|
||||
static close(event) {
|
||||
let context = this.getContext(event.target);
|
||||
|
||||
if (context.onClose != null) {
|
||||
context.onClose();
|
||||
} else {
|
||||
this.remove(context);
|
||||
if (context) {
|
||||
if (context.onClose != null) {
|
||||
context.onClose();
|
||||
} else {
|
||||
this.remove(context);
|
||||
}
|
||||
}
|
||||
|
||||
// console.error("Remove")
|
||||
// let context = this.getContext(event.target)
|
||||
|
||||
// if (context) {
|
||||
// this.remove(context)
|
||||
// } else console.error('Could not find context!', event.target)
|
||||
}
|
||||
|
||||
/**
|
||||
@ -8324,21 +8338,6 @@
|
||||
context.onClose = null;
|
||||
}
|
||||
|
||||
/**
|
||||
*
|
||||
*
|
||||
* @static
|
||||
* @param {*} event
|
||||
* @memberof Card
|
||||
*/
|
||||
static remove(context) {
|
||||
if (context.parentNode != null) {
|
||||
context.parentNode.removeChild(context);
|
||||
} else {
|
||||
console.error('Tried removing card but it was already removed.');
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Replaces a set of attributes using a provided function.
|
||||
*
|
||||
@ -8462,7 +8461,7 @@
|
||||
*/
|
||||
return html.replace(
|
||||
/<\s*(a|video|img|image|circle)\s(.*?)(xlink:href|href|src)\s*=\s*["'](\..*?)["']\s*(.*?)>/g,
|
||||
function(data) {
|
||||
function() {
|
||||
let path = that._getRelativePath(arguments[4]);
|
||||
const tag = `<${arguments[1]} ${arguments[2]} ${arguments[3]}="${path}" ${arguments[5]}>`;
|
||||
/* if (that.debug) */ console.log('Adjusted: ', tag);
|
||||
@ -8719,7 +8718,7 @@
|
||||
|
||||
popup.placeAt(position);
|
||||
|
||||
InteractionMapper.on(this.interactionType, popup.element, e => {
|
||||
InteractionMapper.on(this.interactionType, popup.element, () => {
|
||||
this._cleanup(context);
|
||||
});
|
||||
|
||||
@ -8736,6 +8735,9 @@
|
||||
return promise
|
||||
}
|
||||
|
||||
/**
|
||||
* LEGACY but this may be required still for the editor
|
||||
*/
|
||||
static _overlayCleanup(context, overlay) {
|
||||
/**
|
||||
* The cleanup functionality is now covered by the _cleanup function.
|
||||
@ -8890,7 +8892,7 @@
|
||||
*/
|
||||
static _activateCorrespondingHighlights(context, node, parent) {
|
||||
let highlightId = node.getAttribute('data-highlight-id');
|
||||
// console.log("Request Highlight: " + highlightId)
|
||||
if (this.debug) console.log('Request Highlight: ' + highlightId);
|
||||
|
||||
let correspondingHighlights = [];
|
||||
if (highlightId) {
|
||||
@ -8946,7 +8948,7 @@
|
||||
}
|
||||
|
||||
static _calculateCenterRelativeTo(target, image) {
|
||||
console.log('_calculateCenterRelativeTo', target, image);
|
||||
// console.log('_calculateCenterRelativeTo', target, image)
|
||||
let bbox = image.getBBox();
|
||||
let width = bbox.width;
|
||||
let height = bbox.height;
|
||||
@ -8957,7 +8959,7 @@
|
||||
|
||||
let x = cx.endsWith('%') ? (parseFloat(cx) / 100) * width : cx;
|
||||
let y = cy.endsWith('%') ? (parseFloat(cy) / 100) * height : cx;
|
||||
console.log({ x, y, width, height, radius });
|
||||
// console.log({ x, y, width, height, radius })
|
||||
return { x, y }
|
||||
}
|
||||
|
||||
@ -9004,8 +9006,6 @@
|
||||
let radius = parseFloat(node.getAttribute('r'));
|
||||
|
||||
let svgRoot = node.closest('svg');
|
||||
let image = svgRoot.querySelector('image');
|
||||
//let position = Card._calculateCenterRelativeTo(node, image)
|
||||
|
||||
/*
|
||||
As the popup is appended directly to the card. We have to
|
||||
@ -9036,7 +9036,7 @@
|
||||
.then(content => {
|
||||
this._openPopup(context, src, local, content, {
|
||||
highlight: node,
|
||||
closeCommand: (popup, callback) => {
|
||||
closeCommand: popup => {
|
||||
this._overlayCleanup(context, overlay);
|
||||
popup.remove();
|
||||
}
|
||||
@ -9071,7 +9071,7 @@
|
||||
let content = { html: html.body.innerHTML, selector };
|
||||
resolve(content);
|
||||
} else {
|
||||
reject(` Popup request failed (Code: ${xhr.status}): Could not load resource: ${src}`);
|
||||
reject(` Popup request failed (Code: ${xhr.status}): Could not load resource: ${source}`);
|
||||
}
|
||||
}
|
||||
};
|
||||
@ -9247,7 +9247,7 @@
|
||||
// It's just an indicator that an action is possible. The click must be
|
||||
// captured from the whole subcard.
|
||||
|
||||
InteractionMapper.on(this.interactionType, zoomedFig, event => {
|
||||
InteractionMapper.on(this.interactionType, zoomedFig, () => {
|
||||
this._cleanup(wrapper);
|
||||
});
|
||||
|
||||
@ -9363,7 +9363,7 @@
|
||||
iconClone.src = iconClone.src.replace('info.svg', 'close.svg');
|
||||
iconClone.style.zIndex = 1000;
|
||||
iconClone.classList.add('zoomed-icon');
|
||||
iconClone.onclick = event => {
|
||||
iconClone.onclick = () => {
|
||||
zoomIcon.style.display = savedDisplay;
|
||||
iconClone.remove();
|
||||
zoomIcon.setAttribute('onclick', savedOnClick);
|
||||
@ -9401,7 +9401,7 @@
|
||||
}
|
||||
}
|
||||
};
|
||||
zoomable.onmouseup = event => {
|
||||
zoomable.onmouseup = () => {
|
||||
zoomable.dragging = false;
|
||||
};
|
||||
|
||||
@ -9511,7 +9511,7 @@
|
||||
|
||||
/* Removes the 'default' cleanup on the card */
|
||||
clone.removeAttribute('onclick');
|
||||
InteractionMapper.on(this.interactionType, clone, event => {
|
||||
InteractionMapper.on(this.interactionType, clone, () => {
|
||||
this._cleanup(context);
|
||||
});
|
||||
|
||||
@ -9561,7 +9561,6 @@
|
||||
};
|
||||
|
||||
if (this.dynamicHeight) {
|
||||
let targetHeight = subcardContent.offsetHeight;
|
||||
subcardContent.classList.add('dynamic-height');
|
||||
/**
|
||||
* Scale the content from 100% to it's target size.
|
||||
@ -9569,6 +9568,8 @@
|
||||
// TweenLite.set(subcardContent, {
|
||||
// height: "100%"
|
||||
// })
|
||||
//
|
||||
// let targetHeight = subcardContent.offsetHeight
|
||||
// TweenLite.to(subcardContent, Card.animation.articleTransition, {
|
||||
// height: targetHeight + "px"
|
||||
// })
|
||||
@ -9641,7 +9642,6 @@
|
||||
if (iconClone.tagName == 'img') {
|
||||
iconClone.src = iconClone.src.replace('info.svg', 'close.svg');
|
||||
}
|
||||
//console.log("ICON: ", iconClone)
|
||||
iconClone.classList.remove('info');
|
||||
iconClone.classList.add('close', 'view-button', 'transparent-background');
|
||||
|
||||
@ -9694,7 +9694,7 @@
|
||||
clonedSubcard,
|
||||
clonedArticle,
|
||||
|
||||
{ eventElements = [], src = null } = []
|
||||
{ src = null } = []
|
||||
) {
|
||||
let indexbox = context.querySelector('.mainview');
|
||||
let padding = parseInt(this.css(indexbox, 'padding'));
|
||||
@ -9717,7 +9717,7 @@
|
||||
let strparts = src.split('/');
|
||||
let cardID = strparts[strparts.length - 2];
|
||||
let cardName = strparts[strparts.length - 1];
|
||||
strparts = card.className.split(' ');
|
||||
strparts = context.className.split(' ');
|
||||
let cardType = strparts[1];
|
||||
let msg = 'Card: ' + cardID + ': closeTopic: ' + cardType + ', ' + cardName;
|
||||
console.log('Logging:', msg);
|
||||
@ -9746,9 +9746,10 @@
|
||||
};
|
||||
|
||||
if (this.dynamicHeight) {
|
||||
TweenLite.to(subcardContent, this.animation.articleTransition, {
|
||||
height: '100%'
|
||||
});
|
||||
console.error('Dynamic height is not implemented yet.');
|
||||
// TweenLite.to(subcardContent, this.animation.articleTransition, {
|
||||
// height: '100%'
|
||||
// })
|
||||
}
|
||||
|
||||
let maxWidth = this.css(subcard, 'max-width');
|
||||
@ -9829,14 +9830,14 @@
|
||||
* @memberof Card
|
||||
*/
|
||||
static openIndexCard(event, src) {
|
||||
console.log('openIndexCard', src);
|
||||
if (this.debug) console.log('openIndexCard', src);
|
||||
/*
|
||||
* Called by the expandIndexCard(...)
|
||||
*/
|
||||
let target = event.target;
|
||||
const saveCallback = url => {
|
||||
let handler = `Card.openIndexCard(event, '${url}')`;
|
||||
console.log('File has changed', target, handler);
|
||||
if (this.debug) console.log('File has changed', target, handler);
|
||||
|
||||
//TODO If this is required, it should be accessing the interaction type.
|
||||
target.setAttribute('onclick', handler);
|
||||
@ -10192,7 +10193,7 @@
|
||||
}
|
||||
|
||||
static _subcardChanged(context, closed = false) {
|
||||
for (let [key, module] of Object.entries(context.module)) {
|
||||
for (let module of Object.values(context.module)) {
|
||||
if (module.subcardChanged) {
|
||||
module.subcardChanged(closed);
|
||||
}
|
||||
@ -10249,7 +10250,7 @@
|
||||
}
|
||||
|
||||
/**
|
||||
* Unregisters all events on the infocard.
|
||||
* Unregister all events on the infocard.
|
||||
*
|
||||
*
|
||||
* @static
|
||||
@ -10263,7 +10264,7 @@
|
||||
}
|
||||
|
||||
Card.id = 0;
|
||||
Card.debug = true;
|
||||
Card.debug = false;
|
||||
Card._relativePath = '';
|
||||
Card.scatterContainer = null;
|
||||
Card.interactionType = 'tap';
|
||||
|
29
dist/iwmlib.pixi.js
vendored
29
dist/iwmlib.pixi.js
vendored
@ -81,6 +81,8 @@
|
||||
* large text.
|
||||
* @param {object} [opts.textStyleLargeActive=textStyleLarge + {fill: primaryColor}] - A textstyle object which
|
||||
* is used for large actived text.
|
||||
* @param {number} [opts.textAlpha=Theme.textAlpha] - The alpha value of text.
|
||||
* @param {number} [opts.textActiveAlpha=Theme.textActiveAlpha] - The alpha value of text when activated.
|
||||
*/
|
||||
constructor(opts = {}) {
|
||||
const colorPrimary = opts.primaryColor != null ? opts.primaryColor : 0x5ec7f8; // blue
|
||||
@ -109,6 +111,8 @@
|
||||
strokeActive: color2,
|
||||
strokeActiveWidth: 0.6,
|
||||
strokeActiveAlpha: 1,
|
||||
textAlpha: 1,
|
||||
textActiveAlpha: 1,
|
||||
iconColor: color2,
|
||||
iconColorActive: colorPrimary,
|
||||
background: color1
|
||||
@ -1331,19 +1335,6 @@
|
||||
|
||||
static toLine(event) {
|
||||
return `${event.type} #${event.target.id} ${event.clientX} ${event.clientY}`
|
||||
let result = event.type;
|
||||
let selector = this.selector(event.target);
|
||||
result += ' selector: ' + selector;
|
||||
if (event.target != document.querySelector(selector)) console.log('Cannot resolve', selector);
|
||||
let keys = ['layerX', 'layerY', 'pageX', 'pageY', 'clientX', 'clientY'];
|
||||
for (let key of keys) {
|
||||
try {
|
||||
result += ' ' + key + ':' + event[key];
|
||||
} catch (e) {
|
||||
console.log('Invalid key: ' + key);
|
||||
}
|
||||
}
|
||||
return result
|
||||
}
|
||||
|
||||
static compareExtractedWithSimulated() {
|
||||
@ -2311,6 +2302,8 @@
|
||||
* for possible options.
|
||||
* @param {number} [opts.textStyleActive=Theme.textStyleActive] - A textstyle object for the styling of the label when the
|
||||
* button is activated. See PIXI.TextStyle for possible options.
|
||||
* @param {number} [opts.textAlpha=Theme.textAlpha] - The alpha value of the text.
|
||||
* @param {number} [opts.textActiveAlpha=Theme.textActiveAlpha] - The alpha value of the text when activated.
|
||||
* @param {string} [opts.style=default] - A shortcut for styling options. Possible values are default, link.
|
||||
* @param {number} [opts.radius=Theme.radius] - The radius of the four corners of the button (which is a rounded rectangle).
|
||||
* @param {boolean} [opts.disabled=false] - Is the button disabled? When disabled, the button has a lower alpha value
|
||||
@ -2368,6 +2361,8 @@
|
||||
strokeActiveAlpha: theme.strokeActiveAlpha,
|
||||
textStyle: {},
|
||||
textStyleActive: {},
|
||||
textAlpha: theme.textAlpha,
|
||||
textActiveAlpha: theme.textActiveAlpha,
|
||||
style: 'default',
|
||||
radius: theme.radius,
|
||||
disabled: false,
|
||||
@ -2796,10 +2791,12 @@
|
||||
if (this._active) {
|
||||
if (this.text) {
|
||||
this.text.style = this.opts.textStyleActive;
|
||||
this.text.alpha = this.opts.textActiveAlpha;
|
||||
}
|
||||
} else {
|
||||
if (this.text) {
|
||||
this.text.style = this.opts.textStyle;
|
||||
this.text.alpha = this.opts.textAlpha;
|
||||
}
|
||||
}
|
||||
|
||||
@ -3006,6 +3003,8 @@
|
||||
* for possible options.
|
||||
* @param {number} [opts.textStyleActive=Theme.textStyleActive] - Button: A textstyle object for the styling of the label when the
|
||||
* button is activated. See PIXI.TextStyle for possible options.
|
||||
* @param {number} [opts.textAlpha=Theme.textAlpha] - Button: The alpha value of the text.
|
||||
* @param {number} [opts.textActiveAlpha=Theme.textActiveAlpha] - Button: The alpha value of the text when activated.
|
||||
* @param {string} [opts.style=default] - A shortcut for styling options. Possible values are default, link.
|
||||
* @param {number} [opts.radius=Theme.radius] - Button: The radius of the four corners of the button (which is a rounded rectangle).
|
||||
* @param {boolean} [opts.disabled=false] - Is the button group disabled? When disabled, the button group has a lower alpha value
|
||||
@ -3056,6 +3055,8 @@
|
||||
strokeActiveAlpha: theme.strokeActiveAlpha,
|
||||
textStyle: {},
|
||||
textStyleActive: {},
|
||||
textAlpha: theme.textAlpha,
|
||||
textActiveAlpha: theme.textActiveAlpha,
|
||||
style: 'default',
|
||||
radius: theme.radius,
|
||||
disabled: null,
|
||||
@ -3134,6 +3135,8 @@
|
||||
it.strokeActiveAlpha = it.strokeActiveAlpha != null ? it.strokeActiveAlpha : this.opts.strokeActiveAlpha;
|
||||
it.textStyle = it.textStyle || this.opts.textStyle;
|
||||
it.textStyleActive = it.textStyleActive || this.opts.textStyleActive;
|
||||
it.textAlpha = it.textAlpha != null ? it.textAlpha : this.opts.textAlpha;
|
||||
it.textActiveAlpha = it.textActiveAlpha != null ? it.textActiveAlpha : this.opts.textActiveAlpha;
|
||||
it.style = it.style || this.opts.style;
|
||||
it.radius = it.radius != null ? it.radius : this.opts.radius;
|
||||
if (!it.type) {
|
||||
|
@ -2918,7 +2918,7 @@ a string, a number or a PIXI.Text object.</p>
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -2374,7 +2374,7 @@ a string, a number or a PIXI.Text object.</p>
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -1798,7 +1798,7 @@ app.scene.filters = [blurFilter]</code></pre>
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -1471,7 +1471,7 @@
|
||||
|
||||
|
||||
<div class="tag-source">
|
||||
<a href="pixi_button.js.html#line110">button.js:110</a>
|
||||
<a href="pixi_button.js.html#line112">button.js:112</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@ -2467,6 +2467,78 @@ button is activated. See PIXI.TextStyle for possible options.</p></td>
|
||||
|
||||
|
||||
|
||||
<tr>
|
||||
|
||||
<td class="name"><code>textAlpha</code></td>
|
||||
|
||||
|
||||
<td class="type">
|
||||
|
||||
|
||||
<span class="param-type">number</span>
|
||||
|
||||
|
||||
|
||||
</td>
|
||||
|
||||
|
||||
<td class="default">
|
||||
|
||||
Theme.textAlpha
|
||||
|
||||
</td>
|
||||
|
||||
|
||||
<td class="description last">
|
||||
|
||||
|
||||
<span class="optional">optional</span>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<p>The alpha value of the text.</p></td>
|
||||
</tr>
|
||||
|
||||
|
||||
|
||||
<tr>
|
||||
|
||||
<td class="name"><code>textActiveAlpha</code></td>
|
||||
|
||||
|
||||
<td class="type">
|
||||
|
||||
|
||||
<span class="param-type">number</span>
|
||||
|
||||
|
||||
|
||||
</td>
|
||||
|
||||
|
||||
<td class="default">
|
||||
|
||||
Theme.textActiveAlpha
|
||||
|
||||
</td>
|
||||
|
||||
|
||||
<td class="description last">
|
||||
|
||||
|
||||
<span class="optional">optional</span>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<p>The alpha value of the text when activated.</p></td>
|
||||
</tr>
|
||||
|
||||
|
||||
|
||||
<tr>
|
||||
|
||||
<td class="name"><code>style</code></td>
|
||||
@ -3375,7 +3447,7 @@ the tint property of the icon sprite.</p>
|
||||
|
||||
|
||||
<div class="tag-source">
|
||||
<a href="pixi_button.js.html#line207">button.js:207</a>
|
||||
<a href="pixi_button.js.html#line211">button.js:211</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@ -3499,7 +3571,7 @@ the tint property of the icon sprite.</p>
|
||||
|
||||
|
||||
<div class="tag-source">
|
||||
<a href="pixi_button.js.html#line636">button.js:636</a>
|
||||
<a href="pixi_button.js.html#line642">button.js:642</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@ -3604,7 +3676,7 @@ the tint property of the icon sprite.</p>
|
||||
|
||||
|
||||
<div class="tag-source">
|
||||
<a href="pixi_button.js.html#line365">button.js:365</a>
|
||||
<a href="pixi_button.js.html#line369">button.js:369</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@ -3709,7 +3781,7 @@ the tint property of the icon sprite.</p>
|
||||
|
||||
|
||||
<div class="tag-source">
|
||||
<a href="pixi_button.js.html#line620">button.js:620</a>
|
||||
<a href="pixi_button.js.html#line626">button.js:626</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@ -3816,7 +3888,7 @@ the tint property of the icon sprite.</p>
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -1471,7 +1471,7 @@
|
||||
|
||||
|
||||
<div class="tag-source">
|
||||
<a href="pixi_buttongroup.js.html#line84">buttongroup.js:84</a>
|
||||
<a href="pixi_buttongroup.js.html#line86">buttongroup.js:86</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@ -2571,6 +2571,78 @@ button is activated. See PIXI.TextStyle for possible options.</p></td>
|
||||
|
||||
|
||||
|
||||
<tr>
|
||||
|
||||
<td class="name"><code>textAlpha</code></td>
|
||||
|
||||
|
||||
<td class="type">
|
||||
|
||||
|
||||
<span class="param-type">number</span>
|
||||
|
||||
|
||||
|
||||
</td>
|
||||
|
||||
|
||||
<td class="default">
|
||||
|
||||
Theme.textAlpha
|
||||
|
||||
</td>
|
||||
|
||||
|
||||
<td class="description last">
|
||||
|
||||
|
||||
<span class="optional">optional</span>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<p>Button: The alpha value of the text.</p></td>
|
||||
</tr>
|
||||
|
||||
|
||||
|
||||
<tr>
|
||||
|
||||
<td class="name"><code>textActiveAlpha</code></td>
|
||||
|
||||
|
||||
<td class="type">
|
||||
|
||||
|
||||
<span class="param-type">number</span>
|
||||
|
||||
|
||||
|
||||
</td>
|
||||
|
||||
|
||||
<td class="default">
|
||||
|
||||
Theme.textActiveAlpha
|
||||
|
||||
</td>
|
||||
|
||||
|
||||
<td class="description last">
|
||||
|
||||
|
||||
<span class="optional">optional</span>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<p>Button: The alpha value of the text when activated.</p></td>
|
||||
</tr>
|
||||
|
||||
|
||||
|
||||
<tr>
|
||||
|
||||
<td class="name"><code>style</code></td>
|
||||
@ -3137,7 +3209,7 @@ app.scene.addChild(buttonGroup)</code></pre>
|
||||
|
||||
|
||||
<div class="tag-source">
|
||||
<a href="pixi_buttongroup.js.html#line590">buttongroup.js:590</a>
|
||||
<a href="pixi_buttongroup.js.html#line596">buttongroup.js:596</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@ -3261,7 +3333,7 @@ app.scene.addChild(buttonGroup)</code></pre>
|
||||
|
||||
|
||||
<div class="tag-source">
|
||||
<a href="pixi_buttongroup.js.html#line436">buttongroup.js:436</a>
|
||||
<a href="pixi_buttongroup.js.html#line442">buttongroup.js:442</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@ -3366,7 +3438,7 @@ app.scene.addChild(buttonGroup)</code></pre>
|
||||
|
||||
|
||||
<div class="tag-source">
|
||||
<a href="pixi_buttongroup.js.html#line311">buttongroup.js:311</a>
|
||||
<a href="pixi_buttongroup.js.html#line317">buttongroup.js:317</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@ -3471,7 +3543,7 @@ app.scene.addChild(buttonGroup)</code></pre>
|
||||
|
||||
|
||||
<div class="tag-source">
|
||||
<a href="pixi_buttongroup.js.html#line425">buttongroup.js:425</a>
|
||||
<a href="pixi_buttongroup.js.html#line431">buttongroup.js:431</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@ -3578,7 +3650,7 @@ app.scene.addChild(buttonGroup)</code></pre>
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -5096,7 +5096,7 @@ i.e. after loading a single tile</p></td>
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -2609,7 +2609,7 @@ on completion.</p>
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -2512,7 +2512,7 @@ front.on('click', event => flippable.toggle())</code></pre>
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -1559,7 +1559,7 @@
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -1761,7 +1761,7 @@
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -2343,7 +2343,7 @@ a string, a number or a PIXI.Text object.</p>
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -1561,7 +1561,7 @@
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -2626,7 +2626,7 @@ than wanted</p>
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -2585,7 +2585,7 @@ app.scene.addChild(list)</code></pre>
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -2441,7 +2441,7 @@ a string, a number or a PIXI.Text object.</p>
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -1789,7 +1789,7 @@ like Popup, Message...</p></div>
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -1789,7 +1789,7 @@ like Popup, Message...</p></div>
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -2342,7 +2342,7 @@ a string or a PIXI.Text object.</p>
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -1789,7 +1789,7 @@ like Popup, Message...</p></div>
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -1789,7 +1789,7 @@ like Popup, Message...</p></div>
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -5743,7 +5743,7 @@ rejected with an error.</td>
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -2336,7 +2336,7 @@ a string, a number or a PIXI.Text object.</p>
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -1789,7 +1789,7 @@ like Popup, Message...</p></div>
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -2390,7 +2390,7 @@ a string, a number or a PIXI.Text object.</p>
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -1789,7 +1789,7 @@ like Popup, Message...</p></div>
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -1789,7 +1789,7 @@ like Popup, Message...</p></div>
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -1789,7 +1789,7 @@ like Popup, Message...</p></div>
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -1789,7 +1789,7 @@ like Popup, Message...</p></div>
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -1789,7 +1789,7 @@ like Popup, Message...</p></div>
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -2875,7 +2875,7 @@ app.scene.addChild(progress)</code></pre>
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -1707,7 +1707,7 @@ app.loader
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -2966,7 +2966,7 @@ app.scene.addChild(slider)</code></pre>
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -3396,7 +3396,7 @@ app.scene.addChild(switch1)</code></pre>
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -1690,7 +1690,7 @@
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -1471,7 +1471,7 @@
|
||||
|
||||
|
||||
<div class="tag-source">
|
||||
<a href="pixi_theme.js.html#line84">theme.js:84</a>
|
||||
<a href="pixi_theme.js.html#line86">theme.js:86</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@ -2884,6 +2884,78 @@ is used for large actived text.</p></td>
|
||||
</tr>
|
||||
|
||||
|
||||
|
||||
<tr>
|
||||
|
||||
<td class="name"><code>textAlpha</code></td>
|
||||
|
||||
|
||||
<td class="type">
|
||||
|
||||
|
||||
<span class="param-type">number</span>
|
||||
|
||||
|
||||
|
||||
</td>
|
||||
|
||||
|
||||
<td class="default">
|
||||
|
||||
Theme.textAlpha
|
||||
|
||||
</td>
|
||||
|
||||
|
||||
<td class="description last">
|
||||
|
||||
|
||||
<span class="optional">optional</span>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<p>The alpha value of text.</p></td>
|
||||
</tr>
|
||||
|
||||
|
||||
|
||||
<tr>
|
||||
|
||||
<td class="name"><code>textActiveAlpha</code></td>
|
||||
|
||||
|
||||
<td class="type">
|
||||
|
||||
|
||||
<span class="param-type">number</span>
|
||||
|
||||
|
||||
|
||||
</td>
|
||||
|
||||
|
||||
<td class="default">
|
||||
|
||||
Theme.textActiveAlpha
|
||||
|
||||
</td>
|
||||
|
||||
|
||||
<td class="description last">
|
||||
|
||||
|
||||
<span class="optional">optional</span>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<p>The alpha value of text when activated.</p></td>
|
||||
</tr>
|
||||
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
@ -3005,7 +3077,7 @@ const app = new PIXIApp({
|
||||
|
||||
|
||||
<div class="tag-source">
|
||||
<a href="pixi_theme.js.html#line175">theme.js:175</a>
|
||||
<a href="pixi_theme.js.html#line179">theme.js:179</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@ -3165,7 +3237,7 @@ const app = new PIXIApp({
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -1471,7 +1471,7 @@
|
||||
|
||||
|
||||
<div class="tag-source">
|
||||
<a href="pixi_theme.js.html#line207">theme.js:207</a>
|
||||
<a href="pixi_theme.js.html#line211">theme.js:211</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@ -1586,7 +1586,7 @@ const app = new PIXIApp({
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -1472,7 +1472,7 @@ The color1 is set to 0xf6f6f6, color2 to 0x282828.</p></div>
|
||||
|
||||
|
||||
<div class="tag-source">
|
||||
<a href="pixi_theme.js.html#line232">theme.js:232</a>
|
||||
<a href="pixi_theme.js.html#line236">theme.js:236</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@ -1598,7 +1598,7 @@ const app = new PIXIApp({
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -1472,7 +1472,7 @@ The primaryColor is set to 0xd92f31.</p></div>
|
||||
|
||||
|
||||
<div class="tag-source">
|
||||
<a href="pixi_theme.js.html#line260">theme.js:260</a>
|
||||
<a href="pixi_theme.js.html#line264">theme.js:264</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@ -1598,7 +1598,7 @@ const app = new PIXIApp({
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -2050,7 +2050,7 @@ an indicator of tiles to free.</p>
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -2512,7 +2512,7 @@ a string, a number or a PIXI.Text object.</p>
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -4183,7 +4183,7 @@ test.start()</code></pre>
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -2099,7 +2099,7 @@ app.scene.addChild(button)</code></pre>
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -3320,7 +3320,7 @@
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -1485,7 +1485,7 @@
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -1808,7 +1808,7 @@ export default class AbstractPopup extends PIXI.Graphics {
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -2188,7 +2188,7 @@ class FpsDisplay extends PIXI.Graphics {
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -1569,7 +1569,7 @@ export default class Badge extends AbstractPopup {
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -1733,7 +1733,7 @@ class TiltShiftYFilter extends TiltShiftAxisFilter {
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -1527,6 +1527,8 @@ export default class Button extends PIXI.Container {
|
||||
* for possible options.
|
||||
* @param {number} [opts.textStyleActive=Theme.textStyleActive] - A textstyle object for the styling of the label when the
|
||||
* button is activated. See PIXI.TextStyle for possible options.
|
||||
* @param {number} [opts.textAlpha=Theme.textAlpha] - The alpha value of the text.
|
||||
* @param {number} [opts.textActiveAlpha=Theme.textActiveAlpha] - The alpha value of the text when activated.
|
||||
* @param {string} [opts.style=default] - A shortcut for styling options. Possible values are default, link.
|
||||
* @param {number} [opts.radius=Theme.radius] - The radius of the four corners of the button (which is a rounded rectangle).
|
||||
* @param {boolean} [opts.disabled=false] - Is the button disabled? When disabled, the button has a lower alpha value
|
||||
@ -1584,6 +1586,8 @@ export default class Button extends PIXI.Container {
|
||||
strokeActiveAlpha: theme.strokeActiveAlpha,
|
||||
textStyle: {},
|
||||
textStyleActive: {},
|
||||
textAlpha: theme.textAlpha,
|
||||
textActiveAlpha: theme.textActiveAlpha,
|
||||
style: 'default',
|
||||
radius: theme.radius,
|
||||
disabled: false,
|
||||
@ -2012,10 +2016,12 @@ export default class Button extends PIXI.Container {
|
||||
if (this._active) {
|
||||
if (this.text) {
|
||||
this.text.style = this.opts.textStyleActive
|
||||
this.text.alpha = this.opts.textActiveAlpha
|
||||
}
|
||||
} else {
|
||||
if (this.text) {
|
||||
this.text.style = this.opts.textStyle
|
||||
this.text.alpha = this.opts.textAlpha
|
||||
}
|
||||
}
|
||||
|
||||
@ -2171,7 +2177,7 @@ export default class Button extends PIXI.Container {
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -1511,6 +1511,8 @@ export default class ButtonGroup extends PIXI.Container {
|
||||
* for possible options.
|
||||
* @param {number} [opts.textStyleActive=Theme.textStyleActive] - Button: A textstyle object for the styling of the label when the
|
||||
* button is activated. See PIXI.TextStyle for possible options.
|
||||
* @param {number} [opts.textAlpha=Theme.textAlpha] - Button: The alpha value of the text.
|
||||
* @param {number} [opts.textActiveAlpha=Theme.textActiveAlpha] - Button: The alpha value of the text when activated.
|
||||
* @param {string} [opts.style=default] - A shortcut for styling options. Possible values are default, link.
|
||||
* @param {number} [opts.radius=Theme.radius] - Button: The radius of the four corners of the button (which is a rounded rectangle).
|
||||
* @param {boolean} [opts.disabled=false] - Is the button group disabled? When disabled, the button group has a lower alpha value
|
||||
@ -1561,6 +1563,8 @@ export default class ButtonGroup extends PIXI.Container {
|
||||
strokeActiveAlpha: theme.strokeActiveAlpha,
|
||||
textStyle: {},
|
||||
textStyleActive: {},
|
||||
textAlpha: theme.textAlpha,
|
||||
textActiveAlpha: theme.textActiveAlpha,
|
||||
style: 'default',
|
||||
radius: theme.radius,
|
||||
disabled: null,
|
||||
@ -1639,6 +1643,8 @@ export default class ButtonGroup extends PIXI.Container {
|
||||
it.strokeActiveAlpha = it.strokeActiveAlpha != null ? it.strokeActiveAlpha : this.opts.strokeActiveAlpha
|
||||
it.textStyle = it.textStyle || this.opts.textStyle
|
||||
it.textStyleActive = it.textStyleActive || this.opts.textStyleActive
|
||||
it.textAlpha = it.textAlpha != null ? it.textAlpha : this.opts.textAlpha
|
||||
it.textActiveAlpha = it.textActiveAlpha != null ? it.textActiveAlpha : this.opts.textActiveAlpha
|
||||
it.style = it.style || this.opts.style
|
||||
it.radius = it.radius != null ? it.radius : this.opts.radius
|
||||
if (!it.type) {
|
||||
@ -2174,7 +2180,7 @@ export default class ButtonGroup extends PIXI.Container {
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -2512,7 +2512,7 @@ export class DeepZoomImage extends PIXI.Container {
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -1906,7 +1906,7 @@ export default class Flippable extends PIXI.projection.Camera3d {
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -1855,7 +1855,7 @@ export class BitmapLabeledGraphics extends LabeledGraphics {
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -1834,7 +1834,7 @@ export default class List extends PIXI.Container {
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -1583,7 +1583,7 @@ export default class Message extends InteractivePopup {
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -1664,7 +1664,7 @@ export default class Modal extends PIXI.Container {
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -1674,7 +1674,7 @@ export default class Popup extends InteractivePopup {
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -1577,7 +1577,7 @@ export default class PopupMenu extends Popup {
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -1759,7 +1759,7 @@ export default class Progress extends PIXI.Container {
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -1518,7 +1518,7 @@ export default class Scrollview extends Scrollbox {
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -1923,7 +1923,7 @@ export default class Slider extends PIXI.Container {
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -1977,7 +1977,7 @@ export default class Switch extends PIXI.Container {
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -1524,6 +1524,8 @@ export default class Theme {
|
||||
* large text.
|
||||
* @param {object} [opts.textStyleLargeActive=textStyleLarge + {fill: primaryColor}] - A textstyle object which
|
||||
* is used for large actived text.
|
||||
* @param {number} [opts.textAlpha=Theme.textAlpha] - The alpha value of text.
|
||||
* @param {number} [opts.textActiveAlpha=Theme.textActiveAlpha] - The alpha value of text when activated.
|
||||
*/
|
||||
constructor(opts = {}) {
|
||||
const colorPrimary = opts.primaryColor != null ? opts.primaryColor : 0x5ec7f8 // blue
|
||||
@ -1552,6 +1554,8 @@ export default class Theme {
|
||||
strokeActive: color2,
|
||||
strokeActiveWidth: 0.6,
|
||||
strokeActiveAlpha: 1,
|
||||
textAlpha: 1,
|
||||
textActiveAlpha: 1,
|
||||
iconColor: color2,
|
||||
iconColorActive: colorPrimary,
|
||||
background: color1
|
||||
@ -1718,7 +1722,7 @@ export class ThemeRed extends Theme {
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -1611,7 +1611,7 @@ export default class Tooltip extends AbstractPopup {
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -1615,7 +1615,7 @@ export default class Volatile {
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -2466,7 +2466,7 @@ class Event {
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Fri Oct 11 2019 09:19:28 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Oct 15 2019 14:56:00 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
@ -317,7 +317,9 @@ const button26 = new Button({
|
||||
strokeActive: 0x28a745,
|
||||
textStyleActive: {
|
||||
fill: 0x28a745
|
||||
}
|
||||
},
|
||||
textAlpha: .2,
|
||||
textActiveAlpha: .6
|
||||
})
|
||||
|
||||
app.scene.addChild(button1, button2, button3, button4, button5, button6)
|
||||
|
@ -81,6 +81,8 @@ export default class Button extends PIXI.Container {
|
||||
* for possible options.
|
||||
* @param {number} [opts.textStyleActive=Theme.textStyleActive] - A textstyle object for the styling of the label when the
|
||||
* button is activated. See PIXI.TextStyle for possible options.
|
||||
* @param {number} [opts.textAlpha=Theme.textAlpha] - The alpha value of the text.
|
||||
* @param {number} [opts.textActiveAlpha=Theme.textActiveAlpha] - The alpha value of the text when activated.
|
||||
* @param {string} [opts.style=default] - A shortcut for styling options. Possible values are default, link.
|
||||
* @param {number} [opts.radius=Theme.radius] - The radius of the four corners of the button (which is a rounded rectangle).
|
||||
* @param {boolean} [opts.disabled=false] - Is the button disabled? When disabled, the button has a lower alpha value
|
||||
@ -138,6 +140,8 @@ export default class Button extends PIXI.Container {
|
||||
strokeActiveAlpha: theme.strokeActiveAlpha,
|
||||
textStyle: {},
|
||||
textStyleActive: {},
|
||||
textAlpha: theme.textAlpha,
|
||||
textActiveAlpha: theme.textActiveAlpha,
|
||||
style: 'default',
|
||||
radius: theme.radius,
|
||||
disabled: false,
|
||||
@ -566,10 +570,12 @@ export default class Button extends PIXI.Container {
|
||||
if (this._active) {
|
||||
if (this.text) {
|
||||
this.text.style = this.opts.textStyleActive
|
||||
this.text.alpha = this.opts.textActiveAlpha
|
||||
}
|
||||
} else {
|
||||
if (this.text) {
|
||||
this.text.style = this.opts.textStyle
|
||||
this.text.alpha = this.opts.textAlpha
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -339,12 +339,37 @@ const buttonGroup19 = new ButtonGroup({
|
||||
app
|
||||
})
|
||||
|
||||
const buttonGroup20 = new ButtonGroup({
|
||||
x: 10,
|
||||
y: 1520,
|
||||
type: 'checkbox',
|
||||
buttons: [
|
||||
{label: 'one'},
|
||||
{label: 'two'},
|
||||
{label: 'three'}
|
||||
],
|
||||
textAlpha: .7,
|
||||
textActiveAlpha: .2
|
||||
})
|
||||
|
||||
const buttonGroup21 = new ButtonGroup({
|
||||
x: 300,
|
||||
y: 1520,
|
||||
type: 'checkbox',
|
||||
buttons: [
|
||||
{label: 'eins', textAlpha: 1, textActiveAlpha: .2},
|
||||
{label: 'zwei', textAlpha: .2, textActiveAlpha: 1},
|
||||
{label: 'drei'}
|
||||
]
|
||||
})
|
||||
|
||||
app.scene.addChild(buttonGroup1, buttonGroup2, buttonGroup3)
|
||||
app.scene.addChild(buttonGroup4)
|
||||
app.scene.addChild(buttonGroup5, buttonGroup6)
|
||||
app.scene.addChild(buttonGroup7, buttonGroup8)
|
||||
app.scene.addChild(buttonGroup9, buttonGroup10, buttonGroup11, buttonGroup12, buttonGroup13)
|
||||
app.scene.addChild(buttonGroup14, buttonGroup15, buttonGroup16, buttonGroup17, buttonGroup18, buttonGroup19)
|
||||
app.scene.addChild(buttonGroup20, buttonGroup21)
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
@ -65,6 +65,8 @@ export default class ButtonGroup extends PIXI.Container {
|
||||
* for possible options.
|
||||
* @param {number} [opts.textStyleActive=Theme.textStyleActive] - Button: A textstyle object for the styling of the label when the
|
||||
* button is activated. See PIXI.TextStyle for possible options.
|
||||
* @param {number} [opts.textAlpha=Theme.textAlpha] - Button: The alpha value of the text.
|
||||
* @param {number} [opts.textActiveAlpha=Theme.textActiveAlpha] - Button: The alpha value of the text when activated.
|
||||
* @param {string} [opts.style=default] - A shortcut for styling options. Possible values are default, link.
|
||||
* @param {number} [opts.radius=Theme.radius] - Button: The radius of the four corners of the button (which is a rounded rectangle).
|
||||
* @param {boolean} [opts.disabled=false] - Is the button group disabled? When disabled, the button group has a lower alpha value
|
||||
@ -115,6 +117,8 @@ export default class ButtonGroup extends PIXI.Container {
|
||||
strokeActiveAlpha: theme.strokeActiveAlpha,
|
||||
textStyle: {},
|
||||
textStyleActive: {},
|
||||
textAlpha: theme.textAlpha,
|
||||
textActiveAlpha: theme.textActiveAlpha,
|
||||
style: 'default',
|
||||
radius: theme.radius,
|
||||
disabled: null,
|
||||
@ -193,6 +197,8 @@ export default class ButtonGroup extends PIXI.Container {
|
||||
it.strokeActiveAlpha = it.strokeActiveAlpha != null ? it.strokeActiveAlpha : this.opts.strokeActiveAlpha
|
||||
it.textStyle = it.textStyle || this.opts.textStyle
|
||||
it.textStyleActive = it.textStyleActive || this.opts.textStyleActive
|
||||
it.textAlpha = it.textAlpha != null ? it.textAlpha : this.opts.textAlpha
|
||||
it.textActiveAlpha = it.textActiveAlpha != null ? it.textActiveAlpha : this.opts.textActiveAlpha
|
||||
it.style = it.style || this.opts.style
|
||||
it.radius = it.radius != null ? it.radius : this.opts.radius
|
||||
if (!it.type) {
|
||||
|
@ -78,6 +78,8 @@ export default class Theme {
|
||||
* large text.
|
||||
* @param {object} [opts.textStyleLargeActive=textStyleLarge + {fill: primaryColor}] - A textstyle object which
|
||||
* is used for large actived text.
|
||||
* @param {number} [opts.textAlpha=Theme.textAlpha] - The alpha value of text.
|
||||
* @param {number} [opts.textActiveAlpha=Theme.textActiveAlpha] - The alpha value of text when activated.
|
||||
*/
|
||||
constructor(opts = {}) {
|
||||
const colorPrimary = opts.primaryColor != null ? opts.primaryColor : 0x5ec7f8 // blue
|
||||
@ -106,6 +108,8 @@ export default class Theme {
|
||||
strokeActive: color2,
|
||||
strokeActiveWidth: 0.6,
|
||||
strokeActiveAlpha: 1,
|
||||
textAlpha: 1,
|
||||
textActiveAlpha: 1,
|
||||
iconColor: color2,
|
||||
iconColorActive: colorPrimary,
|
||||
background: color1
|
||||
|
Loading…
Reference in New Issue
Block a user