저는 프레임을 사용하고 있으며 화면에 메뉴를 추가하여 장면이나 다른 작업 (예 : 정보가있는 모달 표시)을 전환하고 싶습니다. 이것을 달성 할 수있는 방법이 있습니까? 내가 원했던 100 %가 아닌 aframe-ui-modal-component를 검색하고 발견했지만 어떤 종류의 메뉴를 보여 주지만이를 사용하여 해당 버튼을 클릭 할 수 없게 만들고 조치를 실행할 수는 없습니다.a 프레임 메뉴 작성 방법 - webvr
답변
평면 엔티티 또는 곡선 이미지를 사용하여 메뉴를 표시 할 수 있습니다. 마우스 클릭에서 일반적인 자바 스크립트 이벤트 리스너를 달성하는 직접적인 방법이 없다
document.querySelector('#menu1');.addEventListener('click', function() {
model.setAttribute('visible','true');
}
이가 2 차원 공간 (x와 y 화면 좌표의 기반으로하기 때문에 : 자바 스크립트를 사용하면 그 버튼 클릭을 할 수 있습니다), 여기서 WebVR은 3D 공간을 처리하므로 3D 공간에서 어디를 가리키고 있는지 결정하기 위해 레이 캐스팅이 필요합니다.
간접적 인 방법이 없다는 것은 아닙니다. 나는 최단 (그리고 덜 기능이 풍부한) 솔루션을 먼저 제공하고, 그 다음에는 더 복잡한 솔루션을 제공 할 것입니다. 클릭 mouseenter, 그리고하는 MouseLeave : https://www.npmjs.com/package/aframe-mouse-cursor-component
이 세 마우스 이벤트를 등록 할 수 있습니다 :
여기에 마우스 커서 라이브러리가있다. 이것은 카메라에서 마우스 포인터로 raycaster를 끌어오고 당신이 가리키는 대상을 추정합니다. 당신은 VR보기 커서를 사용하고자하는 경우
,이 : 여기 https://aframe.io/docs/0.2.0/components/cursor.html
당신은 호버를 등록하고 당신이에 무엇을 찾고있는 이벤트를 클릭 할 수 있습니다.
메뉴, 마우스 또는보기 커서와 상호 작용하는 데 사용하려는 입력 장치가 각각 있습니다. 이제 메뉴 자체에.
miauz가 지적했듯이 비행기를 만들고 자바 스크립트를 사용하여 이벤트 리스너를 첨부 할 수 있습니다. 이제는 플레이어에서 사용할 수있는 도구가 포함되어 있습니다. 당신의 비행기에
http://www.w3schools.com/jsref/met_document_addeventlistener.asp
텍스트 : 당신이 이벤트 리스너에 처음 사용하는 경우, 당신은 여기 자습서를 찾을 수 있습니다 지금
https://www.npmjs.com/package/aframe-bmfont-text-component
당신에 당신의 전형적인 2D 이벤트를 번역 할 수있는 제 3 자 라이브러리가 당신의 3D 환경 및 메뉴에 포함 된 비행기 객체 (버튼)에서 사용할 이벤트를 선택합니다.
복잡한 방식 : 직접 레이 캐스터를 사용할 수 있습니다.
https://aframe.io/docs/0.2.0/components/raycaster.html
이 더 깊이를하고 코드의 줄 이상이 필요하지만, 당신은 충분히 능숙받을 경우에 당신이 그들과 함께 더 많은 수행 할 수 있습니다. 예를 들어 여기서는 카메라에서 연장 된 선을 따라 모든 객체를 얻을 수 있지만 위의 간단한 솔루션은 가장 가까운 것만 제공합니다.
이 정보가 도움이되기를 바랍니다. 행운을 빕니다!
- 1. WP - 메뉴 작성 방법
- 2. 드롭 다운 메뉴 작성 방법
- 3. GMail.app과 같은 메뉴 작성 방법
- 4. A- 프레임을 Squarespace와 함께 사용하여 WebVR 웹 사이트 만들기
- 5. WebVR - PositionSensorVRDevice에서 오리엔테이션이나 위치가 없습니다.
- 6. Magento 맞춤 모듈 : 관리자 메뉴 작성 방법
- 7. IBM과 같은 슬라이딩 메뉴 작성 방법
- 8. 작성 옵션 메뉴 android
- 9. 요청시 컨텍스트 메뉴 작성
- 10. 자바 프레임 추가 메뉴
- 11. 젠드 프레임 워크의 동적 메뉴
- 12. 프레임 워크 작성 지침
- 13. A 프레임 커서의 불투명도 애니메이션을 재설정하는 방법
- 14. A 프레임 애니메이션
- 15. 커스텀 메뉴 바 추가 작성
- 16. 호버 주 메뉴 li + a
- 17. CSS 메뉴 A : 부모 사업부에
- 18. WebVR - 트래커 카메라에 상대적인 헤드셋 위치?
- 19. WebVR 모바일 브라우저 화면 제한 시간
- 20. 어떻게 코드를 작성 하시겠습니까? SO 메뉴
- 21. 젠드 프레임 워크 2 탐색 하위 메뉴 (상단 메뉴)
- 22. Foundation 프레임 워크를 사용하여 메뉴 항목의 너비를 줄이는 방법
- 23. A-Frame의 모바일 WebVR 사이트를 링크 할 때 VR로 머물지 않으려면 어떻게해야합니까?
- 24. 프레임 내 Extjs 메뉴 오버플로
- 25. 젠드 프레임 워크 메뉴 번역
- 26. 프레임 워크 메뉴 자체 오류
- 27. xslt에서 <a href = "mailto : 태그 작성 방법
- 28. PHP 젠드 프레임 워크 - 많은 레이어 메뉴
- 29. 수락 테스트 작성 방법
- 30. 작성 또는 TinyMCE에 드롭 다운 툴바 메뉴