Fixed flipeffect bug.

This commit is contained in:
2019-10-02 15:00:08 +02:00
parent 7dd7142455
commit ce25b1dbae
5 changed files with 24 additions and 9 deletions
+5
View File
@@ -5038,9 +5038,13 @@
}
start({ targetCenter = null } = {}) {
console.log('start');
this.flippable.showFront();
if (this.preloadBack) {
console.log('preloadBack');
this.flippable.start({ duration: this.flipDuration, targetCenter });
} else {
console.log('no back preload');
let back = this.cardWrapper.querySelector('.back');
let flippable = this.flippable;
this.backLoader.load(back).then(loader => {
@@ -5248,6 +5252,7 @@
start({ targetCenter = null } = {}) {
this.bringToFront();
console.log('flippable start', this.flipped);
if (!this.flipped) {
this.startX = this.element._gsTransform.x;
this.startY = this.element._gsTransform.y;
+8 -3
View File
@@ -8336,9 +8336,13 @@
}
start({ targetCenter = null } = {}) {
console.log('start');
this.flippable.showFront();
if (this.preloadBack) {
console.log('preloadBack');
this.flippable.start({ duration: this.flipDuration, targetCenter });
} else {
console.log('no back preload');
let back = this.cardWrapper.querySelector('.back');
let flippable = this.flippable;
this.backLoader.load(back).then(loader => {
@@ -8546,6 +8550,7 @@
start({ targetCenter = null } = {}) {
this.bringToFront();
console.log('flippable start', this.flipped);
if (!this.flipped) {
this.startX = this.element._gsTransform.x;
this.startY = this.element._gsTransform.y;
@@ -10564,7 +10569,9 @@
let canvas = globalScatterLoaderCanvas;
canvas.width = w;
canvas.height = h;
let renderer = new PIXI.Renderer(w, h, {
let renderer = new PIXI.Renderer({
width: w,
height: h,
view: canvas,
resolution: resolution
});
@@ -10645,7 +10652,6 @@
domFlip.centerAt(center);
domFlip.zoom(this.scatter.scale);
let target = this.constraintFlipCenter(center, loader);
console.log('FlipEffect.startFlip', target, loader);
domFlip.start({ targetCenter: target });
});
}
@@ -10668,7 +10674,6 @@
constraintFlipCenter(center, loader) {
let w = loader.wantedWidth;
let h = loader.wantedHeight;
console.log('constraintFlipCenter', w, h);
let canvas = app.renderer.view;
let x = center.x;
let y = center.y;