2017-01-16 8 views
0

난 그냥입력란을 프레임에 어떻게 배치 할 수 있습니까?

<a-entity geometry=" primitive: box; depth: 0.1; height: 12; width: 20" position="0 7 -5" material="shader: flat; roughness: 1; src: url(images/picture.png)"></a-entity> 
<a-entity geometry=" primitive: box; depth: 0.1; height: 2; width: 2" position="-9.5 2 -4.5" material="shader: flat; roughness: 1; color: #ccc"></a-entity> 

aframe를 사용하여 사진과 함께 상자를 만들어 클릭했을 때 나는 그래서이의 이미지를 대체 할 수있는 <input type="file"> 같은 일을 아래쪽 사각형을 설정 할 수있는 방법이 있나요 큰 상자?

답변

0

일반 HTML 구성 요소를 WebGL에서 직접 렌더링 할 수 없으므로 <input/>을 A 프레임 장면에 추가해도 아무 효과가 없습니다. HTML 모양을 텍스처로 바꾸기위한 a few workarounds이 있지만 대화 형 기능은 포함되지 않습니다.

입력을 장면 바깥에 놓고 클릭 이벤트를 두 번째 상자로 재 지정할 수 있습니다.

파일 선택 메뉴는 여전히 브라우저의 "일반"메뉴이며 WebGL/VR에는 표시되지 않습니다. Because of security restrictions이면 해당 메뉴를 사용자 정의하거나 WebGL에서 빌드 할 수 없습니다.

+0

죄송합니다. 응답 시간이 오래 걸렸으나 코드가있는 이유로 dev 콘솔에서 함수를 호출하지 않으면 작동하지 않습니다. – MrWm

+0

나는 [여기] (https://github.com/wiiliam/a-frame_input) (github link)를 참조하고있는 코드를 찾을 수있다 – MrWm

+0

어떤 오류가 발생 했습니까? 장면이 아직로드되지 않은 경우에는 이러한 요소 중 하나도 존재하지 않습니다. 따라서 구성 요소 안에 코드가 있어야 할 수도 있습니다. –

관련 문제