JSFiddle - React, Tailwind, and code Playground

by jpwo759

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="http://s3.amazonaws.com/codecademy-content/courses/hour-of-code/js/alphabet.js"></script>
<canvas id="myCanvas"></canvas>
<script type="text/javascript" src="http://s3.amazonaws.com/codecademy-content/courses/hour-of-code/js/bubbles.js"></script>

CSS

canvas {
    border:1px dashed #999;
    height:600px;
    width:600px;
}

JavaScript

var red = [359, 100, 29.8];
var orange = [40, 100, 60];
var green = [75, 100, 40];
var blue = [196, 77, 55];
var purple = [280, 50, 60];
var bluefield = [199, 100, 22.9];

var myName = "Bluefield";
var letterColors = [bluefield, red];
var bubbleShape = "square";

drawName(myName, letterColors);
bounceName();
bounceBubbles();