How to make Bounce Bubble responsive?

Doing this excersise I tried to put it on a website
It is meant to say Happy Christmas
but says appy Christma
It has been somwhat successful, however it seams to be cut off and I can’t figure out why? How do I get this to be full screen and responsive?

If you post your code, we’ll be able to help you :slight_smile:


<!DOCTYPE html>
    <script type="text/javascript" src="//"></script>
    <script type="text/javascript" src=""></script>
    <canvas id="myCanvas"></canvas>
    <script type="text/javascript" src=""></script>
    <script type="text/javascript" src="main.js"></script>


// Define color variables:
red = [0, 100, 63];
orange = [40, 100, 60];
green = [75, 100, 40];
blue = [196, 77, 55];
purple = [280, 50, 60];
letterColors = [red, orange, green, blue, purple];

// This variable controls the smallest distance at which a mouse will make the dots react
mouseResponseThreshold = 45;

// This variable controls how strongly the dots will try to return to their starting position
friction = 0.25;

// This variable controls how much the dots will rotate when interacting
rotationForce = 0.3;
message = 'Change the physics!';
drawName(message, letterColors);