> 웹 프론트엔드 > CSS 튜토리얼 > AR, VR 및 HTML에서 3D에 대한 모델

AR, VR 및 HTML에서 3D에 대한 모델

William Shakespeare
풀어 주다: 2025-03-09 12:39:13
원래의
538명이 탐색했습니다.
Safari Technology Preview가 도입 한 새로운 HTML 요소 및 속성은 광범위한 관심을 끌고 있습니다. 이 기사는

요소의 진화 과정, 기능 및 향후 개발 방향에 대해 심도있는 논의 할 것입니다. <model></model> <model></model>

초기에

요소에 대한 아이디어는 경험에서 비롯된 것입니다. Safari와 iOS AR X 룩 기능의 통합을 향상시켜야합니다. AR Quick Look을 통해 사용자는 일부 매장에서 채택한 가상 시험 기능과 같은 모바일 카메라를 통해 3D 제품 모델을 실제 환경으로 오버레이 할 수 있습니다. AR, VR, and a Model for 3D in HTML WebKit의 통역사에서 볼 수 있듯이

요소에 대한 초기 제안은 몰입 형 웹위원회에서 나왔습니다. 위원회는 가상 현실 (VR)과 AR (Augmented Reality) 기술을 웹에 통합하기 위해 노력하고 있습니다. 제안서에 따르면 HTML은 여러 미디어 유형을 지원하지만 3D 컨텐츠를 직접 표시하는 선언적 접근이 부족하다고 명시되어 있습니다. 3D 컨텐츠를 포함하려면 일반적으로 스크립트 작동

요소가 필요합니다. 요소는 다른 시각 매체와 같이 대화식 3D 모델을 편리하게 포함하도록 설계되었습니다. 3D 모델링 도구로 모델을 동적으로 생성하거나 생성 할 수 있지만 서버는 독립형 리소스로 제공됩니다. <model></model> 기본 예제는 다음과 같습니다. 또는

요소와 유사하게 사용됩니다.

.USDZ 또는 .glb와 같은 <model></model> <canvas></canvas> 요소가 지원하는 파일 유형을 더 명확히해야합니다. <model></model> 현재

요소에 대한 제안 초안은 완전히 공식화되지 않았지만 다음과 같은 미래의 개발 방향을 설명했습니다. 문서에 모델 추가, 대화율 가능성, 여러 형식 지원, 대체 컨텐츠 제공 및 접근성 보장 해결해야 할 많은 문제도 제안에 나열되어 있습니다. 일부 제안 된 속성 (예 : ,

, , ,

2018 년 초, Keith Clark은 블로그 게시물을 게시하여 3D 모델을로드하고 렌더링하기 위해 라는 사용자 정의 요소를 프로토 타입했습니다. 2020 년에 Joe Medley는
<model style="width: 400px; height: 300px"></model>
로그인 후 복사
구성 요소를 공유하고 홈페이지를 만들었습니다.

현재, <model></model> 요소의 표준화는 여전히 진행 중입니다. 애플은 Apple의 AR 기술에 대한 강조와 일치하는 Safari TP 161의 출시를 통해 지원을 표명했다. Google도 참여하지만 주로 웹 구성 요소에 중점을 둡니다. Apple과 Google의 AR 기술에 대한 Google 비전에는 차이가있을 수 있으며, 이는 일부 충돌로 이어질 수 있습니다.

요컨대 요소의 출현은 웹에서 3D 모델의 디스플레이 및 상호 작용에 대한 새로운 가능성을 제공하지만 개발은 여전히 ​​초기 단계에 있으며 향후 개발은 기대할 가치가 있습니다. CSS 중첩 및 CSS 상대 색상 구문을 지원하는 Safari Technology Preview 버전 162가 출시되었음을 주목할 가치가 있습니다.

위 내용은 AR, VR 및 HTML에서 3D에 대한 모델의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿