1. index.html
2. Sketch.js
3. Additional class files and assets to save here later
Here we will link all our external Library JS files, including future local class files
The HTML index page will host the canvas where all the visuals will be shown.
Note Sketch.js must be last in the list of links
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.0.0/addons/p5.sound.js "></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.0.0/p5.js "></script>
<!--Other class files go here >>>>-->
<script src="sketch.js"></script>
</head>
<body>
</body>
</html>
This is the main program page that runs everything.
function preload(){
}
function setup() {
createCanvas(640, 480);
}
function draw() {
}
function preload() - this function is used when the code is launched to load any assets like images and sound
function setup() - this function runs when the page is loaded. In here you would set up your canvas and get things started.
function draw() - this function runs every frame (60 frames per second)
This is where we will place our code to get things moving and drawn on the canvas