2011-04-28 7 views
3

Javascript 및 캔버스 요소를 사용하여 내 사이트의 3D 모델 뷰어를 만드는 방법을 찾고 있습니다. 이 페이지에 같은 뭔가 :자바 스크립트 및 캔버스 3D 모델 뷰어

http://minecraftbr.com/novaskin/

당신이 표시되는 모델합니다 (마인 크래프트 사람)를 확인하실 수 있으며, 회전 그를 이동할 수 있습니다. 또한 모델에 적용되는 특정 스킨이 필요합니다. 예를 들어, 각 마인 크래프트 스킨은 다음과 같이 보입니다 :

http://i.stack.imgur.com/AiBnl.png

을 그리고 그것은 다음과 같이하려면 마인 크래프트 사람에 매핑된다

http://minecraftbr.com/novaskin/#http://imgur.com/AiBnl.png

그것이 것 같아 솔직히 말해서 꽤 쉽게 픽셀을 읽은 다음 올바른 색상을 적용하는 것입니다. 정말 도움이 필요한 것은 머리, 몸, 팔, 다리 등의 다각형과 같은 3D 측면입니다.

이런 종류의 작업을 수행하는 데 괜찮은 자바 스크립트 라이브러리가 있습니까? 캔버스 요소에서 3D 폴리곤과 물건을 사용하기가 쉬운 것.

도움말, 감사합니다.

+0

불행하게도,이 질문은 게시글의 위험에 노출되지 않도록해야하는 이유의 예되었다 도움이되었다 캔버스 (뿐만 아니라 다른 것들)

희망을 활용할 수 있습니다 링크 - 부패. –

+0

이미지가 없기 때문에 투표가 너무 명확하지 않기 때문에 imho. –

답변

2

나는 이것을 만들었고 내 웹 사이트에 있는데, 주로 Canvas와 CSS3로 만들어졌습니다. 그것은 미니 크래프트 플레이어의 사용자 이름에로드하여 스킨을 사용합니다. iPad/iPhone 등에서 볼 수있는 기본 기능을 추가하여 카메라를 움직이는 것처럼 기기를 돌리면 모델이 움직입니다. 링크는

mjstk.co.uk/dev/minechar/

또는 사용자 정의 사용자의 피부에 로딩 (당신은/n을 당신이 추가하고자한다면 새로운 스킨을 드래그 앤 드롭 업로드 할 수)

입니다 당신이 생각 캔버스에 완전히을 찾고 있다면

mjstk.co.uk/dev/minechar/#minecraftusername

mjstk.co.uk/dev/minechar/#hugosslade는

(광산입니다) , 나는 three.js를 추천 할 것이다; 이 WebGL에 대한 지원을 않지만, 그것은 또한