JavaScript를 사용하여 3D Polyhedra를 모델링합니다

Question

모델링하는 JavaScript 라이브러리가 있습니까? 3D 다면체 캔버스 태그 또는 SVG 사용? 렌더링을 만들고 싶다고 말합니다 플라톤 고체, 내가 이것을 어떻게 가장 잘 달성 할 것인가? FWIW, 나는 Safari 및 Chrome과 같은 WebKit 기반 웹 브라우저에만 관심이 있습니다.

렌더링하는 방법 의이 멋진 데모를 보았습니다 3D 삼각형, 그러나 어떻게 임의의 측면을 가진 다면체로 확장 할 수 있습니까?

Answer 1

이 라이브러리를 살펴보십시오. SVG-VML-3D

SVG를 사용하고 MSIE의 VML로 돌아갑니다. 그들은 플라톤 고체가있는 데모가 있습니다. 나는 WebKit-Browser가 편리하지 않지만 거기에서도 작동해야한다고 가정합니다.

Answer 2

귀하의 질문에 대한 직접적인 답변은 아니지만 WebKit 전용에 대해 언급 한 것처럼 나는 새로운 것을 지적했다고 생각했습니다. 3D CSS 변환 최근에 WebKit에 추가 된 지원. 이를 통해 JavaScript를 사용하지 않고 원하는 작업을 수행 할 수 있습니다. 3D다면 히드라의 예는 보지 못했지만 큐브 등의 예가 있습니다. 여기.

약간 더 복잡한 데모가 있습니다 여기 직사각형 고리가 있습니다. 당신이 할 수있는 일을 실제로 맛 보려면 (이것은 애니메이션에 JavaScript를 사용하지만) - 스노우 스택 데모.

Answer 3

대부분의 3D 라이브러리는 삼각형을 일반화합니다. 3면이 넘는 다각형을 원한다면 삼각형으로 세분화하고 삼각형을 그립니다. 플라톤 솔리드에 관심이 있다면, 먼저 각면의 정점을 평균화 한 다음 해당 센터와 2 개의 인접한 사용으로 각 얼굴의 삼각형을 쉽게 얻을 수 있기 때문에 꽤 쉬운 시간을 보낼 것입니다. 얼굴의 정점은 당신에게 삼각화를 제공합니다.