sketch.js

function setup() {
  createCanvas(600, 600); //ウィンドウサイズの指定
  background(0, 0, 0); //背景色を指定して1回だけ塗る。
}

function draw() {
	colorMode(HSB);//カラーモードがHSBに変わる
  // background(0, 0, 0); //背景色を指定して1回だけ塗る。
	if(mouseIsPressed == true){
	//fill(0,255,0);//塗りの色を指定
	//circle(mouseX,mouseY,100);//マウスの位置に円を描く
	//stroke(255,255,0);
	//strokeWeight(30);//線の太さを揃える
	//line(pmouseX,pmouseY,mouseX,mouseY);
	//noFill();//塗りをなしにする
	fill((mouseX /600)*360,60,100);//色相、彩度、明度
	fill(random(0,360),50,100);//色相をランダムに
	//fill(120,100,100,0.1);//透明な絵の具
	noStroke();
	circle(mouseX + random (-10,10),
		  mouseY + random (-10,10),
		   10);
	//line(mouseX,mouseY,mouseX + random(-20,20),mouseY+)
	}
	
}

function mousePressed() {
  //マウスのボタンが押し下げられた時の処理
	
}

function mouseReleased() {
  //マウスのボタンが離された時の処理
}

function keyPressed() {
  if (key == "s") {
    saveCanvas();
  }
}