JSFiddle - React, Tailwind, and code Playground

by tfoller

HTML

<canvas id="main_canvas" width="400" height="400"></canvas>

CSS

* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

body {
  background-color: #020408;
  color: #ccc;
}

canvas {
  display: block;
  background-color: black;
}

JavaScript

const capsule = {
  index: [64, 1, 4, 64, 4, 5, 0, 63, 2, 0, 2, 3, 1, 0, 3, 1, 3, 4, 63, 62, 2, 4, 3, 7, 4, 7, 8, 2, 62, 6, 5, 4, 8, 5, 8, 9, 3, 2, 6, 3, 6, 7, 8, 7, 11, 8, 11, 12, 6, 62, 10, 9, 8, 12, 9, 12, 13, 7, 6, 10, 7, 10, 11, 13, 12, 16, 13, 16, 17, 11, 10, 14, 11, 14, 15, 12, 11, 15, 12, 15, 16, 10, 62, 14, 17, 16, 20, 17, 20, 21, 15, 14, 18, 15, 18, 19, 16, 15, 19, 16, 19, 20, 14, 62, 18, 20, 19, 23, 20, 23, 24, 18, 62, 22, 21, 20, 24, 21, 24, 25, 19, 18, 22, 19, 22, 23, 24, 23, 27, 24, 27, 28, 22, 62, 26, 25, 24, 28, 25, 28, 29, 23, 22, 26, 23, 26, 27, 29, 28, 32, 29, 32, 33, 27, 26, 30, 27, 30, 31, 28, 27, 31, 28, 31, 32, 26, 62, 30, 31, 30, 34, 31, 34, 35, 32, 31, 35, 32, 35, 36, 30, 62, 34, 33, 32, 36, 33, 36, 37, 36, 35, 39, 36, 39, 40, 34, 62, 38, 37, 36, 40, 37, 40, 41, 35, 34, 38, 35, 38, 39, 38, 62, 42, 41, 40, 44, 41, 44, 45, 39, 38, 42, 39, 42, 43, 40, 39, 43, 40, 43, 44, 45, 44, 48, 45, 48, 49, 43, 42, 46, 43, 46, 47, 44, 43, 47, 44, 47, 48, 42, 62, 46, 48, 47, 51, 48, 51, 52, 46, 62, 50, 49, 48, 52, 49, 52, 53, 47, 46, 50, 47, 50, 51, 52, 51, 55, 52, 55, 56, 50, 62, 54, 53, 52, 56, 53, 56, 57, 51, 50, 54, 51, 54, 55, 57, 56, 60, 57, 60, 61, 55, 54, 58, 55, 58, 59, 56, 55, 59, 56, 59, 60, 54, 62, 58, 61, 60, 1, 61, 1, 64, 59, 58, 63, 59, 63, 0, 60, 59, 0, 60, 0, 1, 58, 62, 63, 129, 66, 69, 129, 69, 70, 65, 128, 67, 65, 67, 68, 66, 65, 68, 66, 68, 69, 128, 127, 67, 69, 68, 72, 69, 72, 73, 67, 127, 71, 70, 69, 73, 70, 73, 74, 68, 67, 71, 68, 71, 72, 73, 72, 76, 73, 76, 77, 71, 127, 75, 74, 73, 77, 74, 77, 78, 72, 71, 75, 72, 75, 76, 78, 77, 81, 78, 81, 82, 76, 75, 79, 76, 79, 80, 77, 76, 80, 77, 80, 81, 75, 127, 79, 82, 81, 85, 82, 85, 86, 80, 79, 83, 80, 83, 84, 81, 80, 84, 81, 84, 85, 79, 127, 83, 85, 84, 88, 85, 88, 89, 83, 127, 87, 86, 85, 89, 86, 89, 90, 84, 83, 87, 84, 87, 88, 89, 88, 92, 89, 92, 93, 87, 127, 91, 90, 89, 93, 90, 93, 94, 88, 87, 91, 88, 91, 92, 94, 93, 97, 94, 97, 98, 92, 91, 95, 92, 95, 96, 93, 92, 96, 93, 96, 97, 91,...