我正在使用 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 度来解决此问题，则从第一页到第二页的过渡将被破坏。我将如何进行完整的转变？
据我所知，这是渲染引擎的限制。令人惊讶的是，即使旋转 > 360 度，也会发生这种情况。
我知道的唯一解决方法是分三步制作动画：
- 通过过渡动画至 359.9 度。
- 移动到 0 度，没有过渡。
- 通过过渡终止动画。
顺便说一句，我不确定使用 impress.js 是否可以轻松完成此操作。也许尝试一下“隐形”步骤？
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
