From b4bc200fbdad7d6d4fd337d14073accc8b80f2ec Mon Sep 17 00:00:00 2001 From: Sebastian Kupke Date: Wed, 2 Oct 2019 11:51:23 +0200 Subject: [PATCH] Styling. --- dist/iwmlib.js | 15 --- lib/pixi/flipeffect.html | 209 ++++++++++++++++++++------------------- lib/pixi/flipeffect.js | 4 +- 3 files changed, 107 insertions(+), 121 deletions(-) diff --git a/dist/iwmlib.js b/dist/iwmlib.js index cf4786b..1e96e34 100644 --- a/dist/iwmlib.js +++ b/dist/iwmlib.js @@ -10978,21 +10978,6 @@ } speak() { - /** - * This is a little bit ugly, but imho the most elegant of all dirty solutions. - * - 5ht * Within the plugins we have no knowledge of other cards and such. But must differentiate the - * clicks by their corresponding owner. The SpeechUtterance just takes a text and has no knowledge - * about the node that is currently read to the user. - * - * This means, that we can identify same text, but not differentiate same text on different nodes. - * To account for that, we add the node to the speechSynthesis object (#benefitsOfJavaScript) and - * have access to the node, by - let's say - expanding the functionality of the SpeechSynthesis object. - * - * SO -17.07.19 - */ - - let activeNode = window.speechSynthesis['speechPluginNode']; this._updateText(); } diff --git a/lib/pixi/flipeffect.html b/lib/pixi/flipeffect.html index 67c958b..572b559 100644 --- a/lib/pixi/flipeffect.html +++ b/lib/pixi/flipeffect.html @@ -1,113 +1,116 @@ - + - - - PIXI Flip Effect Doctest - - - - + + + PIXI Flip Effect Doctest + + + + - - + + - - + + +

+ Flip Effect +

+

+ The flip effect, which simulates a flip between a front and back view of an object by means of a 3D + rotation, is an interaction between a PIXI scatter object and a DOM Flip effect. The PIXI scatter is used as + the source for the front view of the DOM Flip which is created on demand if the user clicks the Info Button + which is added to the PIXI scatter by the FlipEffect wrapper. +

+

+ For the user it simply looks like a single flipping card, but in terms of UI elements, the following levels + are mixed: +

+ +

+ Example +

+
+ Canvas not supported +
+ - + app.setup() + app.run() + + + diff --git a/lib/pixi/flipeffect.js b/lib/pixi/flipeffect.js index bd4dec0..8d874b0 100644 --- a/lib/pixi/flipeffect.js +++ b/lib/pixi/flipeffect.js @@ -1,6 +1,4 @@ -import { getId, Angle } from '../utils.js' -import { DOMScatter } from '../scatter.js' -import { CardLoader, DOMFlip, DOMFlippable } from '../flippable.js' +import { CardLoader, DOMFlip } from '../flippable.js' import { Capabilities } from '../capabilities.js' import { DeepZoomImage } from './deepzoom/image.js'