# Welcome to the Marlborough Hour of Code 2020!

Thanks for being here!

This website will walk you through a number of different coding tutorials and projects. It is designed for those with zero experience and also those who have a moderate amount of coding experience. If you are completely new to coding, start with “Coding Concepts” or “Color and the Coordinate Plane”. Otherwise, try out making a Click Ball game, or test out Recursion!

All tutorials on this site were made by students, for students.

Have fun!

``````// bounce.js

var balls;

function setup() {
createCanvas(400, 400);
balls = [];

background(0);
fill(255);
textAlign(CENTER);
text("Click me! (more than once). See code ~below~", width / 2, height / 2);
}

function draw() {

for (let b in balls)
balls[b].display();
}

function mousePressed() {
balls.push(new Ball(mouseX, mouseY));
}

class Ball {
constructor(x, y) {
this.x = x;
this.y = y;
this.vx = random(-2, 5);
this.vy = random(-2, 5);
this.c = color(0, random(200, 255), random(150, 255));
//this.a = random(100, 200);
this.r = random(10, 50);
}

display() {
noStroke();
fill(this.c, 100);
ellipse(this.x, this.y, this.r * 2, this.r * 2);

this.x += this.vx;
this.y += this.vy;

if (this.x < this.r || this.x > width - this.r) this.vx *= -1;
if (this.y < this.r || this.y > width - this.r) this.vy *= -1;
}
}

``````