JSFiddle - React, Tailwind, and code Playground

by giuseppe straziota

HTML

<script src="https://jesstelford.github.io/aframe-click-drag-component/build.js"></script>
  <body>   
     <a-scene>
 <a-assets>
     <img id="ui4" crossorigin="anonymous"     src="https://images.webcamgalore.com/images/current/webcam-23777.jpg"> 
      <img id="cursorimage" src="https://cdn4.iconfinder.com/data/icons/cursors-gestures/100/click3-512.png" /> 
            </a-assets>
        
      <a-plane rotation="-90 0 0" width="4" height="4" color="#7BC8A4"></a-plane>
<a-curvedimage click-drag src="#ui4"  position="10 42.25 -6" radius="180" theta-start="55" theta-length="60" height="120" 
 rotation="0 110 0" scale="1 1 1"></a-curvedimage> 
      <a-sky color="#ECECEC"></a-sky>

      <a-entity position="0 0 3.8">
        <a-camera look-controls-enabled="false" keyboard-controls="fpsMode: true"></a-camera>
      </a-entity>
    </a-scene>
  </body>
</html>