2017-01-16 23 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でレンダリングするので、A-フレームシーンに<input/>を追加しても効果はありませんすることはできません。 HTMLの外観をテクスチャに変換するためのa few workaroundsがありますが、これにはインタラクティビティは含まれていません。

入力をシーンの外に置いて、クリックイベントを2番目のボックスにリダイレクトできます。

ファイル選択メニューはまだブラウザの「通常の」メニューですが、WebGL/VRでは表示されません。 Because of security restrictions、そのメニューをカスタマイズしたり、WebGLでビルドすることはできません。

+0

申し訳ありませんが、私は非常に長い時間がかかりましたが、何らかの理由でコードを使用した場合、開発コンソール内で関数を呼び出さない限り動作しません。 – MrWm

+0

私は[ここ](https://github.com/wiiliam/a-frame_input)(github link)を参照しているコードを見つけることができます – MrWm

+0

あなたはどんなエラーがありますか?シーンがまだロードされていない場合、これらの要素は存在しないことに注意してください。したがって、コンポーネント内にコードが必要になることがあります。 –

関連する問題