웹 페이지에서 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.