我们如何在famo.us中制作曲面的折叠？

Question

我有一个表面。我需要对它进行动画处理以折叠（原点），使表面的两半对应。

originMod = new Modifier({
        origin: [0.5, 0.5]
    });

originMod.setTransform(Transform.rotateY(-2), {
    duration: 500,
    curve: 'easeOut'
});

这会改变整个表面。我只是希望表面的右半边转动并放回表面的左半部分

Answer 1

看起来你正在构建类似书籍翻转动画的东西。我也看到了你的另一个问题。您不可能从中间折叠单个表面。您可以创建一个包含两个曲面的View，并在View中添加函数，以便像现在一样只翻转右曲面。

但是你首先应该看一下使用Views和构造函数的概念。一个良好的开端将是他们已有的SlideShow教程。

http://famo.us/university/lessons/#/famous-101/slideshow/1

在您的情况下，您可能必须将ajax URL传递给幻灯片视图，并在构造函数中处理它以按需加载数据。 SlideShow视图将对应于书籍视图，而SlideView将对应于left和right作为View中的两个表面的打开页面。您需要引用左侧和右侧曲面'modifiers，您可以使用它们来执行动画。