웹 페이지에서 3D 그래픽에 가장 적합한 브라우저 / 시스템 호환 옵션은 무엇입니까?


10

약간의 3D를 포함하는 웹 사이트를위한 약간의 기능을 개발하고 싶습니다. 사용자는 객체를 이동하고 회전하고 텍스처를 지정할 수 있습니다.

지금까지 살펴 보았습니다.

  • WebGL (특히 three.js)이 훌륭해 보이지만 IE 또는 IOS에서는 지원되지 않습니다.

  • iOS는 <canvas>태그를 지원 하지만 2d 만 지원합니다 . three.js는 텍스처없이 2d 캔버스를 사용하기 위해 3d 객체를 만들기 위해 지원되지 않는 핵을 가지고있는 것처럼 보이지만 이것은 핵처럼 보입니다.

  • 또한 대부분의 브라우저에서 작동하지만 Flash에서는 작동하지 않지만 IOS에서는 작동하지 않습니다.

방대한 종류의 브라우저 및 인터페이스에서 3D 웹 그래픽을 수행 할 수있는 가장 좋은 방법은 무엇입니까?

현재 웹용 WebGL을 생각하고 사람들에게 크롬이나 파이어 폭스를 사용하고 IE에서 히트하도록 요청하고 IOS 용 기본 앱을 작성해야하지만 더 나은 대안이 있는지 확실하지 않습니다. 몰라


이 질문에 투표 한 이유와 해결 방법을 알고 싶습니다. 매우 유용한 질문이며 q와 형식에 적합하다고 생각합니다.
Rocklan

4
나는 어떤 기술이 더 좋은지 묻지 않는다. 나는 3D 물건에 대한 대부분의 경우에 무엇이 효과가 있을지 묻고있다.
Rocklan

3
재개 투표. LachlanB는 질문에 '최고'와 같은 단어를 사용하지 않는 것이 가장 좋습니다. 그러나 그렇지 않으면 나는 그것이 합리적으로 대답 할 수있는 질문이라고 생각합니다. '대부분의 브라우저에서 어떤 기술을 사용할 수 있습니까?'
GrandmasterB

1
@LachlanB 저는 귀하가 "최고의"기술을 사용하는 것이 아니라 웹 페이지의 3D 그래픽을위한 가장 교차 호환 가능한 기술을 요구하고 있음을 명확히하기 위해 귀하의 질문을 편집했습니다. 질문을 다시 열기 위해 투표했지만 여전히 다시 열려면 3 개의 다른 커뮤니티 투표가 필요합니다. 주의를 기울이지 않으면 며칠 후에 다시 열어야하는 경우 중재자를 위해 플래그를 지정하고 질문을 다시 열도록 요청할 수 있습니다 (플래그 메시지에서 편집되었음을 설명해야 함). 행운을 빕니다 :)
Rachel

3
정답은 없습니다. 닫혀 있어야합니다. 도구는 다른 프로젝트가 아닌 한 프로젝트에 적합 할 수 있습니다. 이것은 당신 이이 질문을하는 방법이 아닙니다. 다른 도서관을 조사한 다음 다시 와서 구체적인 질문을하십시오. 기능 XXX가 모든 브라우저에서 지원되는지 묻는 경우 정답이 있습니다.
Reactgular

답변:


2

데스크탑 시스템을 위해 여러 모바일 (전화 크기 및 태블릿 크기) 운영 체제 및 브라우저를 고려할 때 크로스 브라우저 및 크로스 시스템 인 접근 방식은 없을 것입니다.

그 정도까지는 정답이 될 수있는 대답이 없습니다. 각 접근법에는 장단점이 있습니다.

최고 / 가장 교차 탐색 측정 항목도 잘못 정의되어 있습니다. 그것은인가 브라우저 종류에 의해 원료 페이지 조회수 ? 거기에 많은 브라우저가 있습니까? 또는 다른 시스템에있는 사람들브라우징 습관 을 고려 합니까? 특정 지역이 다른 지역보다 우선 순위가 높은 가요?

당신은 WebGL을 언급하지만 안드로이드에서도 잘 지원되지 않습니다 -이것은 안드로이드 버전도 고려해야한다는 것을 의미합니까? 플래시는 마찬가지로 모바일 장치를 볼 때 대상이되는 '흥미로운'프레임 워크입니다.

기업이 수행하는 일반적인 접근 방식은 스프레드 시트를 작성하여 기준을 나열하고 각 기준을 가중시키는 것입니다. 브라우징 번호가 핵심이라면 가중치를 부여하십시오. 프레임 워크의 사용 편의성이 핵심이라면 다양한 현재 브라우저 등이 있다면 그 방법으로 가중치를 부여하십시오.

프레임 워크와 가중치를 식별 한 후에는 각 프레임 워크를 조사하고 해당 프레임 워크의 각 셀에서 숫자 (0-10)를 던져 어떤 것이 '최고'인지 확인하십시오.

그 이외의 업무 결정은 자신이 책임지고 위험을 감수하는 사람이 가장 잘 결정합니다. 인터넷에서 임의의 사람들에게 당신을 위해 요청하는 것은 문제가 될 수 있습니다. 우리는 특정 솔루션 세트 (시간, 리소스)에 고려되는 모든 요소를 ​​알지 못합니다.


0

https://code.google.com/p/jsc3d/ 사용하여 과거에 운이 좋았습니다. 내가 시도한 모든 작업에서 효과가 있었지만 휴대 전화와 대화 형으로 만들기 위해 일부 자바 스크립트를 변경해야했지만 이제 그들은 내 변화를 겪었고 터치 이벤트에 효과적이라고 생각합니다.

Chrome, Safari, Firefox, IE <9, IE> = 9, Android Phone, Android Tablet, iPad, iPhone으로 렌더링되었습니다.

그러나 성능이 떨어집니다. 그러나 멋진 나는 구글 스케치 업에서 모델을 만들고 obj 파일을 내 보낸 다음 텍스처가있는 다중 플랫폼으로 렌더링했습니다.


도구 추천 질문은 Programmers.SE에서 다루지 않습니다. 올바른 정보로도 주제 질문에 대답하면 질문 포스터가 주제 질문에 대한 동기를 부여합니다.
Adam Zuckerman

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.