코드
우리가 POI에 추가하는 요소는 awe.js 내에서 "예측"이라고합니다. 우리가 'Wormhole'이라고 불리는 장면에 추가 한 첫 번째 투영은 메뉴 항목이 마술처럼 나타나는 평평한 검은 색 사각형이기 때문입니다. POI의 ID와 마찬가지로, 코드의 다른 참조와 일치하는 한 POI의 ID를 절대적으로 이름을 지정할 수 있습니다. 함수 awe.projections.add ().
<span>window.addEventListener('load', function() {
</span> <span>var menu_open = false;
</span>
<span>// Our code continues here
</span> <span>});</span>
지오메트리 - 이것은 프로젝션의 3.js 지오메트리 옵션을 나타냅니다. 각 유형의 지오메트리에 필요한 옵션은 Awe.js에 제공된 옵션과 일치합니다. 예를 들어, 3.js의 spleygegeometry는 awe.js의 {shape : 'sphere', radius : 10}으로 표시됩니다. 현재 사용 가능한 Awe.js 버전에서 BoxGeometry는 여전히 CubeGeometry를 사용하고 있습니다. 따라서 상자를 만들려면 {shape : 'cube', x : 20, y : 30, z : 5} 형식을 사용합니다 (이름에도 불구하고“큐브”일 필요는 없습니다).
<span>window.awe.init({
</span> <span>device_type: awe.AUTO_DETECT_DEVICE_TYPE,
</span> <span>settings: {
</span> <span>container_id: 'container',
</span> <span>fps: 30,
</span> <span>default_camera_position: { x:0, y:0, z:0 },
</span> <span>default_lights: [{
</span> <span>id: 'point_light',
</span> <span>type: 'point',
</span> <span>color: 0xFFFFFF
</span> <span>}]
</span> <span>},</span>
<span>window.addEventListener('load', function() {
</span> <span>var menu_open = false;
</span>
<span>// Our code continues here
</span> <span>});</span>
<span>window.awe.init({
</span> <span>device_type: awe.AUTO_DETECT_DEVICE_TYPE,
</span> <span>settings: {
</span> <span>container_id: 'container',
</span> <span>fps: 30,
</span> <span>default_camera_position: { x:0, y:0, z:0 },
</span> <span>default_lights: [{
</span> <span>id: 'point_light',
</span> <span>type: 'point',
</span> <span>color: 0xFFFFFF
</span> <span>}]
</span> <span>},</span>
<span>ready: function() {
</span> awe<span>.util.require([
</span> <span>{
</span> <span>capabilities: ['gum','webgl'],</span>
<span>files: [ </span> <span>['lib/awe-standard-dependencies.js', 'lib/awe-standard.js'], </span> <span>'lib/awe-standard-window_resized.js', </span> <span>'lib/awe-standard-object_clicked.js', </span> <span>'lib/awe-jsartoolkit-dependencies.js', </span> <span>'lib/awe.marker_ar.js' </span> <span>],</span>
<span>window.addEventListener('load', function() {
</span> <span>var menu_open = false;
</span>
<span>// Our code continues here
</span> <span>});</span>
<span>window.awe.init({
</span> <span>device_type: awe.AUTO_DETECT_DEVICE_TYPE,
</span> <span>settings: {
</span> <span>container_id: 'container',
</span> <span>fps: 30,
</span> <span>default_camera_position: { x:0, y:0, z:0 },
</span> <span>default_lights: [{
</span> <span>id: 'point_light',
</span> <span>type: 'point',
</span> <span>color: 0xFFFFFF
</span> <span>}]
</span> <span>},</span>.
<span>ready: function() {
</span> awe<span>.util.require([
</span> <span>{
</span> <span>capabilities: ['gum','webgl'],</span>
<span>files: [ </span> <span>['lib/awe-standard-dependencies.js', 'lib/awe-standard.js'], </span> <span>'lib/awe-standard-window_resized.js', </span> <span>'lib/awe-standard-object_clicked.js', </span> <span>'lib/awe-jsartoolkit-dependencies.js', </span> <span>'lib/awe.marker_ar.js' </span> <span>],</span>
는 모든 브라우저와 호환 되나요? 예, 다른 JavaScript 라이브러리 또는 프레임 워크와 함께 Awe.js를 사용할 수 있습니다. Awe.js는 유연하고 모듈 식으로 설계되었으므로 기존 JavaScript 프로젝트에 쉽게 통합 할 수 있습니다. 그러나 Awe.js의 일부 기능은 특정 라이브러리 나 프레임 워크와 호환되지 않을 수 있으므로 코드를 철저히 테스트하는 것이 항상 좋은 생각입니다. 는 awe.js 오픈 소스입니까? 오픈 소스 프로젝트. 즉, 라이센스 조건을 준수하는 한 코드를 자유롭게 사용, 수정 및 배포 할 수 있습니다. awe.js의 소스 코드는 Github에서 사용할 수 있으므로 버그 보고서를 제출하거나 새로운 기능을 제안하거나 자신의 코드를 제출하여 프로젝트에 기여할 수도 있습니다. .js? 
결론
awe.js와 ar.js는 브라우저에서 증강 현실 경험을 만드는 강력한 도구입니다. 그러나 그들은 여러 가지 방법으로 다릅니다. Awe.js는 몰입 형 AR 경험을 만들기위한 광범위한 기능을 제공하는보다 포괄적 인 프레임 워크입니다. GPS, 나침반 및 자이로 스코프 추적을 포함한 여러 추적 방법을 지원하며 3D 모델도 지원합니다. 반면에 AR.JS는 마커 기반 추적에 더 중점을두고 있으며 고성능 및 효율성으로 유명합니다. 초보자에게는 사용하기가 더 쉽지만 awe.js. Awe.js를 사용하여 AR 웹 앱을 개발할 수 있습니다. Awe.js는 추가 플러그인이나 다운로드없이 브라우저에서 직접 AR 경험을 생성 할 수있는 JavaScript 라이브러리입니다. 따라서 웹 기반 AR 응용 프로그램을 개발하기에 좋은 선택입니다. 이를 사용하여 간단한 2D 오버레이에서 복잡한 3D 장면에 이르기까지 광범위한 AR 경험을 만들 수 있습니다.
awe.js는 광범위한 AR 애플리케이션을 생성하는 데 사용할 수있는 다양한 도구입니다. 예를 들어,이를 사용하여 AR 투어 가이드 앱을 만들 수 있습니다. 여기서 사용자는 다른 랜드 마크에서 전화를 가리키기 위해 정보를 얻을 수 있습니다. 또한 사용자가 실제 세계의 가상 객체와 상호 작용할 수있는 AR 게임을 만드는 데 사용될 수도 있습니다. 다른 가능한 응용 프로그램에는 AR 쇼핑 앱, AR 교육 앱 등이 있습니다. 다른 JavaScript 라이브러리 또는 프레임 워크와 함께 awe.js를 사용할 수 있습니까?
awe.js로 문제를 해결할 수있는 방법은 무엇입니까?
awe.js에 문제가있는 경우 도움을 청할 수있는 몇 가지 리소스가 있습니다. Awe.js의 공식 Github 저장소에는 라이브러리의 모든 측면을 다루는 포괄적 인 문서가 포함되어 있습니다. Github의 문제 추적기를 확인하여 다른 사람이 같은 문제가 발생했는지 확인할 수도 있습니다. 거기서 솔루션을 찾을 수 없다면 스택 오버플로 또는 기타 온라인 개발자 커뮤니티에 대한 도움을 요청할 수 있습니다.
Awe.js 프로젝트에 기여하는 방법에는 여러 가지가 있습니다. 개발자 인 경우 버그 보고서를 제출하거나 새로운 기능을 제안하거나 코드를 작성하여 기여할 수 있습니다. 개발자가 아닌 경우 문서를 작성하거나 튜토리얼을 작성하거나 Awe.js에 대한 단어를 전파하는 데 여전히 기여할 수 있습니다. 모든 기여는 대단히 감사하고 Awe.js를 모든 사람에게 더 나은 도구로 만드는 데 도움이됩니다.
위 내용은 awe.js가있는 브라우저의 증강 현실의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
