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;
  }
}