<!DOCTYPE html>
<html>
  <head>
    <script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="http://s3.amazonaws.com/codecademy-content/courses/hour-of-code/js/alphabet.js"></script>
  </head>
  <body>
  <p>From <a href="http://discuss.codecademy.com/t/how-do-i-share-my-newly-animated-name/6518/3"> this forum question</a>.</p>
    <canvas id="myCanvas"></canvas>
    <script type="text/javascript" src="http://s3.amazonaws.com/codecademy-content/courses/hour-of-code/js/bubbles.js"></script>
    <script type="text/javascript" src="script.js"></script>
  </body>
</html>
var red = [0, 100, 63];
var orange = [40, 100, 60];
var green = [75, 100, 40];
var blue = [196, 77, 55];
var purple = [280, 50, 60];

var myName = "Rachel";
letterColors = [red, orange, green, blue, purple]
if(10 < 3) {
    bubbleShape = "square"
}
else {
    bubbleShape = "circle"
}

drawName(myName, letterColors);
bounceBubbles();
Created from scratch
11 forks
21 views

Browse more Codebits