richardanaya
diff --git a/‎examples/01_HTML/index.html‎
Lines changed: 23 additions & 0 deletions b/‎examples/01_HTML/index.html‎
Lines changed: 23 additions & 0 deletions
@@ -0,0 +1,23 @@
+<html>
+<head>
+    <script src="../aframe.js"></script>
+    <script src="../../index.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/rasterizehtml/1.2.2/rasterizeHTML.allinone.js"></script>
+</head>
+<body>
+<a-scene>
+    <a-sky color="#6EBAA7"></a-sky>
+    <a-plane id="screen" position="0 1.25 -1" color="red" scale="3 3 3" canvas-2d="width:500;height:500"/>
+</a-scene>
+    <iframe id="ui"></iframe>
+</body>
+<script>
+    var ctx = document.querySelector("#screen").getContext("2d")
+    document.getElementById('ui').contentWindow.document.body.innerHTML = 'Hello Frame!<button style="position:absolute;left:100px;top:100px">Hey!</button>'
+    rasterizeHTML.drawDocument(document.getElementById('ui').contentWindow.document, ctx.canvas, {width: 500}).then(function success(renderResult) {
+        ctx.update();
+    }, function error(e) {
+        console.log(e)
+    });
+</script>
+</html>