Get Started

Start using the popps.js library by linking it in your HTML head tag like this: 
<head>
    <title>YOUR TITLE</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <script type="text/javascript" src="http://js.cadenpopps.com/popps.js"></script>
    <script type="text/javascript" src="YOUR_SCRIPT.js"></script>

</head>

Reference

This reference contains all the user-facing functions in popps.js. Each function reference will contain the expected parameters, intended result, and any return values.
example(parameter1, parameter2, optional-parameter3)
Expected result and return values will be specified here. In this case, example expects parameter1 to be a number, parameter2 to be a string, and optional-parameter3 is an optional boolean.
example(20, "test", true);
rect(x, y, width, height)
Draws a solid rectangle using the current fill color.
rect(10,10,50,50);
strokeRect(x, y, width, height)
Draws a hollow rectangle using the current stroke color.
strokeRect(15,5,40,40);
ellipse(x, y, radius, radius)
Draws a solid ellipse using the current fill color.
ellipse(10,10,50,50);
strokeEllipse(x, y, radius, radius)
Draws a hollow ellipse using the current stroke color.
strokeEllipse(15,5,40,40);