4
나는 impress.js를 사용하여 4 개의 페이지 안에있는 3D 효과를 만듭니다. 마치 마치 방에 4 개의 벽이있는 것처럼 말입니다. 다음 페이지를 보려면 간단한 90도 회전이 사용됩니다. 페이지는 이미 사용 impress.js에 배치됩니다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">
이 하나에 4 페이지에서 전환하는 것을 제외하고 작동 주위에 "먼 길을"합니다. 에서와 같이 회전은 다른 것과 같이 -90 대신 270도 회전으로 표시됩니다. 이것을 해결하기 위해 1 페이지 회전을 -360으로 변경하면 1 페이지에서 2 페이지로의 전환이 끊어집니다. 전환점을 완전히 만들려면 어떻게해야합니까?
각 90도 회전을 개별적으로 처리 할 수 있습니까? 나는 Impress.js를 모르지만 아마도 0도 이상이 남아 있으면 다음 회전을 호출 할 수있는 onComplete 콜백을 발생시킬 것입니다. –
내가 이해하는 한, 각각의 번역, 회전 등은 원점과 관련이있다. – NickR