JSFiddle - React, Tailwind, and code Playground

by Evgeniy Lukovsky

HTML

<script src="https://unpkg.com/three"></script>
<script src="https://unpkg.com/vue-gl"></script>
<vgl-renderer id="my-canvas">
  <template #scene>
    <vgl-scene>
      <vgl-mesh>
        <template #geometry>
          <vgl-sphere-geometry></vgl-sphere-geometry>
        </template>
        <template #material>
          <vgl-mesh-basic-material></vgl-mesh-basic-material>
        </template>
      </vgl-mesh>
    </vgl-scene>
  </template>
  <template #camera>
    <vgl-perspective-camera position="spherical" :position-radius="5"></vgl-perspective-camera>
  </template>
</vgl-renderer>

JavaScript

new Vue({ el: "#my-canvas", components: VueGL });