如何使用Impress.js实现完整、无缝的旋转？

Question

我正在使用impress.js创建一个3D效果，在其中你是在四页，就像他们是在一个房间的四面墙。要查看下一页，使用简单的-90度旋转。这些页面已经使用impress.js进行了布局，使用：

//page 1
<div id="title" class="step" data-x="0" data-y="0" data-z="0">

//page 2
<div id="about" class="step" data-x="2000" data-y="0" data-z="2000" data-rotate-y="-90">

//page 3
<div id="our_work" class="step" data-x="0" data-y="0" data-z="4000" data-rotate-y="-180">

//page 4
<div id="contact" class="step" data-x="-2000" data-y="0" data-z="2000" data-rotate-y="-270">

这是可行的，只是从第四页到第一页的转换需要“很长的路”。如图所示，旋转显示为270度旋转，而不是-90度旋转。如果我将第1页旋转为-360来解决这个问题，从第一页到第二页的过渡就会中断。我该如何完成一个完整的过渡周期？

Answer 1

据我所知，这是渲染引擎的限制。令人惊讶的是，即使旋转超过360度也会发生。我所知道的唯一解决办法是分三个步骤完成动画：

1. 动画到359.9度与过渡。
2. 移动到0度，没有过渡。
3. 使用转换终止动画。

顺便说一句，我不确定用impress.js是否可以很容易地做到这一点。或者用“隐形”的步子试试？