Cide

Mycode

by AidanYoung

HTML

<html>
      <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width">
        <title>A-Frame HTML Shader - Dynamic</title>
        <script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script>
      <script src="https://unpkg.com/aframe-html-shader@0.2.0/dist/aframe-html-shader.min.js"></script>
        <script>
          const plane = document.getElementById("lettersEntity");
    plane.addEventListener("click", myFunction);
          function myFunction() {
          console.log ("hi")
          }</script>
    <script>
          function myFunction() {
          console.log("hi")
          }
          </script>    <style type="text/css">
          #target {
            width: 512px;
            height: 256px;
            position: absolute;
            background: rgba(255,255,0,0.3);
          }
          /* Hide the HTML using z-index. */
          /* Can't use display: none because that would hide the HTML in the rendered material. */
          #htmlTarget.hide {
            z-index: -1;
          }
          #target h1 {
            font-family: Arial;
            font-size: 110px;
            margin: 0;
            vertical-align: top;
            color: white;
          }
          #target h1 span {
            color: tomato;
          }
          #emoji {
            position: absolute;
            font-size: 512px;
            color: mediumTurquoise;
            font-style: serif;
          }
          #pre {
            font-family: monospace;
            margin: 0;
            padding: 0;
            height: 50px;
            font-size: 50px;
            background: royalblue;
            color: tomato;
          }
          #htmlTarget {
            position: absolute;
            z-index: 1;
            height: 100%;
            width: 100%;
            overflow: hidden;
            position: fixed;
            top: 0;
          }
          #debug {
 ...