part2c.html

<!DOCTYPE html>
<html>
<title>Creative Coding Yea!</title>
<head>

<meta charset="utf-8">

<script language="javascript" src="js/creative_coding.js"></script>
<script language="javascript" src="js/canvas.js"></script>

<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />

</head>
<body>

<script>

var ctx = createCanvas("canvas1");

function draw(){

  if (mousePressed) {
  //ctx.fillStyle = "red";
  //ctx.fillStyle = rgba(255, 0, 0, 0.1);
  ctx.fillStyle = "#00aeef";
  // syntax: fillEllipse(x, y, w, h)
  //ctx.fillEllipse(mouseX, mouseY, 20, 20);

  // syntax: fillRect(x, y, w, h)
  ctx.fillRect(mouseX, mouseY, 20, 20);
  }
}


</script>
</body>

</html>