JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdn.rawgit.com/pshihn/rough/master/dist/rough.min.js"></script>
<canvas id="canvas"/>

JavaScript

const canvas = document.getElementById('canvas');
const context = canvas.getContext('2d');

let x = 50;
window.setInterval(() => {
  // Clear canvas
  context.save();
  context.setTransform(1, 0, 0, 1, 0, 0);
  context.clearRect(0, 0, canvas.width, canvas.height);
  context.restore();
  
  // Draw rough shapes
  const rc = rough.canvas(canvas);
  rc.rectangle(x-200, 50, 200, 50);
  rc.rectangle(x-175, 5, 150, 45);
  rc.rectangle(x-170, 10, 35, 35);
  rc.rectangle(x-130, 10, 35, 35);
  rc.circle(x - 50, 100, 50, {fillStyle: 'solid', fill: 'white'});
  rc.circle(x - 120, 100, 50, {fillStyle: 'solid', fill: 'white'});
  rc.circle(x - 175, 100, 50, {fillStyle: 'solid', fill: 'white'});
  x++;
}, 30);