我们如何在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视图将对应一本书View，并且SlideView将对应于left和right作为View中的两个表面的打开页面。您需要参考左侧和右侧曲面'modifiers，您可以使用它来执行动画。