WebGL 또는 Canvas (no flash!)를 사용하여 종이 접기와 같은 종이 접기 애니메이션을 만들고 싶습니다. 내가 재현하고자하는 효과는 video here의 효과와 유사합니다. 큐브에 대해 다음과 같이종이 접기 모양의 종이 접기 애니메이션을위한 JS 라이브러리
최종 애니메이션의 밝은 전망이 표현 될 수있다 :
내가 three.js 라이브러리를 사용하려고했지만, 나는 하나의 얼굴을 애니메이션 할 수있는 방법을 찾을 수 없습니다 3의 메쉬. 메쉬. 또한 간단한 CSS3 애니메이션을 시도했지만, 2 개 이상의 얼굴 사이의 관계를 생성 할 가능성이 없으므로 6 개 이상의 얼굴로 단단하게 애니메이션을 작성하는 것은 매우 어려울 것입니다.
누구나 다른 JS 라이브러리를 추천 할 수 있습니까? 아니면 three.js로 이것을 달성 할 수있는 방법이 있습니까? 당연히 canvas2d를 사용하여 작동하도록 만드는 방법이 있다면 좋을 것입니다. -하지만 꽤있을 것 같지 않습니다!
그냥 생각 - 당신이 큐브를 만들고있는 것처럼 들리며 얼굴을 움직이기를 원합니다. 6 개의 직사각형 프리즘 (두께가 0 또는 거의 0 인 6 개의 입방체)을 만들고 각면을 별도의 오브젝트로 애니메이트하면 어떻게 될까요? 아마도 그러면 N 개의 얼굴을 가진 3 차원 도형을 처리하는 프로세스를 추상화 할 수 있을까요? – Kasapo