为什么这个 ActionScript Flip 会导致我的网站变得模糊？

Question

我正在使用翻转机制来浏览我的网站（翻转文件 & < a href="http://www.zaviola.co.cc/mm3/website.html" rel="nofollow noreferrer">演示）。问题是，一旦翻转，内容就会像我想要的那样显示得很好，但是翻转的（右侧）部分与实心的左侧部分有一些偏移（仔细观察时可以看到）。另外，右侧部分现在有点模糊（这是我的问题中令人不安的部分）。这都是由翻转引起的（我认为旋转Y引起了问题）。

当我单击按钮时，我会执行以下操作：

flip=new Flip(currentPage,nextPage,richting);
content.addChild(flip);
currentPage=nextPage;
nextPage = new MovieClip();

Answer 1

有一个修复程序，请考虑以下事项：

// store original matrix
var origMatrix:Matrix = box.transform.matrix;
// set initial position
box.rotationY = -180;
// start animation
TweenLite.to(box, 1, {rotationY:0, onComplete:cleanBlur})
// execute after animation complete
function cleanBlur():void {
    box.transform.matrix = origMatrix;
}

也许您可以使用其他 3d 库找到更好的结果。

编辑：抱歉，“盒子”对象，我正在闪存中进行测试，但盒子将是您要翻转的任何页面。只需应用相同的逻辑即可。

Answer 2

Flash & 的 Matteo Math对此有一个很好的解决方案。他实际上发现，当您将一个对象带入原生 3D 空间时，对象的宽度和高度都会扩展一个像素。这可以通过缩小对象然后将其 z 设置为 0（这会将其缩小）来抵消。现在该对象已准备好可以使用而不会模糊。

http://www.flashandmath.com/flashcs4/blursol/index.html

添加：这解决了比例问题，但没有解决模糊问题。您仍然需要使用上面发布的矩阵转换修复。