JSFiddle - React, Tailwind, and code Playground

by jeffgw

HTML

<script src="https://unpkg.com/zdog@1/dist/zdog.dist.min.js"></script>
<canvas class="zdog-canvas" width="240" height="240"></canvas>

JavaScript

// zdog-demo.js

// create illo
let illo = new Zdog.Illustration({
  // set canvas with selector
  element: '.zdog-canvas',
});

new Zdog.Box({
  addTo: illo,
  width: 50,
  height: 100,
  depth: 80,
 rotate: { x: -Zdog.TAU/10, y: Zdog.TAU/8 },
  stroke: false,
  color: '#EA0',
  rearFace: '#636',
  leftFace: '#636',
  bottomFace: '#636',
});



// update & render
illo.updateRenderGraph();