scenevr / htmltexture-component

Aframe component for using html as a texture, powered by html2canvas

SceneVR

The scene server loads scene files in .html format and listens for clients on a websocket connection. Any connected client gets a streamed version of the world sent to them. You can write scripts in javascript using <script /> tags in your scenefile to provide interactivity to connected clients.

SceneVR uses A-Frame as markup for scenes:

<a-scene>
  <a-box position="1 2 3" material="color: blue"></a-box>
</a-scene>

Contact [email protected]. Follow development at @scenevr.

License

MIT License.

Screenshot

htmltexture-component's Issues

project link is broken

Not displaying HTML text?

I have this installed with:

<script src="https://rawgit.com/scenevr/htmltexture-component/master/dist/aframe-htmltexture-component.js"></script>

And then copied your "Goodbye" code from the examples:

<a-assets><div id="goodbye"><center>1</center></div></a-assets><a-entity geometry="primitive: box" position="3 1 -4" draw="width: 64; height: 64;"htmltexture="asset: #goodbye"></a-entity>

But the text isn't appearing, any idea what's going on?

Example for transparent background

I am sorry I am new to the canvas world.
May I know if I can make the canvas background transparent?
It currently has white background which I want it to be transparent.

Thanks for great component to Aframe.

build.js file is missing, and a few other issues

Thanks for making this!

1. I downloaded the zip file repo and ran the examples. The "build.js" file is missing from the repo. I had to view the source of your live example to download the build.js file. Then it worked.
2. Your gallery page is a 404: https://scenevr.github.io/htmltexture-component/basic/gallery.html
3. A tutorial of how to add this component to an existing Aframe project would be extremely helpful!

Thanks again!

Existing sites

I see that you can put crafted html in this component, but what about existing sites? Say I wanted a web surface of an actual live website. Is that possible by adding something like a src attribute?

Does not work with latest aframe

I'm getting the following error when including this with the latest aframe version:

Uncaught (in promise) TypeError: Cannot read property 'register' of undefined

You can check this out here: http://codepen.io/anon/pen/MyzwVX?editors=1001