Skip to content

An A-Frame component to display HTML inside an `<a-image>` primitive.

Notifications You must be signed in to change notification settings

delapuente/aframe-html-source

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

aframe-html-source

An A-Frame component to display HTML inside an <a-image> primitive.

HTML content rendered inside a WebVR scene

Inspiration

This component is inspired by the articles DOM2Texture: Abusing Arcane APIs and Drawing DOM objects into a canvas.

Install

Simply grab the source or import from the Internet:

<head>
  <script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script>
  <script src="https://rawgit.com/delapuente/aframe-html-source/master/src/aframe-html-source.js"></script>
</head>

Usage

<body>
  <a-scene>
    <a-image html-src="#test" position="0 1.6 -1"></a-image>
  </a-scene>

  <section id="test">
    <p>
      A-Frame is a web framework for building virtual reality experiences. It
      was started by <a href="https://mozvr.com" target="_blank"
      rel="external">Mozilla VR</a> to make <a href="https://iswebvrready.com"
      target="_blank" rel="external">WebVR</a> content creation easier,
      faster, and more accessible.
    </p>
  </section>
</body>

Limitations

  • No interactivity (so no links either)
  • No live updates (sorry, not animated GIFs)
  • Not rendering cross origin resources
  • No videos

About

An A-Frame component to display HTML inside an `<a-image>` primitive.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published