How can I render or display plain HTML markup as a texture in A-Frame?

I want to do something like:

<!-- language-all: lang-html -->
<a-scene>
  <div>HELLO WORLD</div>
</a-scene>

How can I render or display plain HTML markup as a texture in A-Frame?

I want to do something like:

<!-- language-all: lang-html -->
<a-scene>
  <div>HELLO WORLD</div>
</a-scene>

• javascript
• webgl
• webvr
• aframe

Share Improve this question Follow edited Mar 30, 2016 at 23:56 ngokevin asked Mar 30, 2016 at 22:33 ngokevinngokevin 13.2k55 gold badges4444 silver badges8888 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 7

To render HTML as a texture in A-Frame, it is not as easy as dropping HTML into <a-scene>.

Solutions involve painting to a <canvas> and using the canvas as texture onto 3D meshes. The A-Frame munity has shared some ponents for this:

• HTML Texture Component
• Draw Component
• DOM to Screenshot