         ⑀⑁⑂⑃⑄⑅⑆⑇⑈















<html>
<head>
  <script language="javascript" type="text/javascript" src="../p5.js"></script>
  <!-- uncomment lines below to include extra p5 libraries -->
	<!--<script language="javascript" src="../addons/p5.dom.js"></script>-->
  <!--<script language="javascript" src="../addons/p5.sound.js"></script>-->
  <script language="javascript" type="text/javascript" src="sketch.js"></script>
  <!-- this line removes any default padding and style. you might only need one of these values set. -->
  <style> body {padding: 0; margin: 0;} </style>
</head>

<body>
</body>

<script>
var baseR, baseG;

function setup() {
	createCanvas(256, 256);
	background(0);
	baseR = 0;
	baseG = 0;
}


function draw() {
	noStroke(); // making up functions already
	fill(baseR, baseG, 0);
	var radius = random(64);
	ellipse(random(width), random(height), radius, radius);
}


function mousePressed() {
	baseR = 255 * mouseX / width;
	baseG = 255 * mouseY / height;
}


</script>
</html>