``````//shariwa sharada
//section a
//project 11

//setting initial starting points for the turtles
dx = 127
dX = 127

function setup(){
createCanvas(200, 480);

//creating the turtles using the below trutle commands
turtle  = new makeTurtle(dx+20, 50);
turtle2  = new makeTurtle(dx+50, 305);
turtle3  = new makeTurtle(dx+90, 255);
turtle4  = new makeTurtle(dx-60, 285);
turtle5  = new makeTurtle(dx-90, 0);
turtle6  = new makeTurtle(dx-110, 275);
turtle7  = new makeTurtle(dx+100, 575);

}

function draw(){

background(0, 10);
noFill();

//drawing turtle shapes
drawShape1();
drawShape2();
drawShape3();
drawShape4();
drawShape5();
drawShape6();
drawShape7();

}

//creating the different circles
//sizing is varied using  the size of the object moving forward
//speed of the circles moving is depedent on the angle

//the stroke weight of each line depends on the position of the y point of the cursor
//radius of each circle is dependent on the mouseX cursor position

function drawShape1(){
turtle.setWeight(1 + mouseY/30)
turtle.right(2 + mouseX/100);
turtle.forward(1);
}

function drawShape2(){
turtle2.setWeight(random(2 + mouseY/30,9 + mouseY/30))
turtle2.right(-3 );
turtle2.forward(4 + mouseX/100);
}

function drawShape3(){
turtle3.setWeight(random(1 + mouseY/30, 2 + mouseY/30))
turtle3.right(6 + mouseX/150);
turtle3.forward(10);
}

function drawShape4(){
turtle4.setWeight(random(3 + mouseY/30,6 + mouseY/30))
turtle4.right(10);
turtle4.forward(6 + mouseX/175);
}

function drawShape4(){
turtle4.setWeight(random(4 + mouseY/30, 2 + mouseY/30))
turtle4.right(10);
turtle4.forward(6 + mouseX/200);
}

function drawShape5(){
turtle5.setWeight(random(3 + mouseY/30,6 + mouseY/30))
turtle5.right(7);
turtle5.forward(20 + mouseX/225);
}

function drawShape6(){
turtle6.setWeight(random(1 + mouseY/30, 5 + mouseY/30))
turtle6.right(-7);
turtle6.forward(13 + mouseX/250);
}

function drawShape7(){
turtle7.setWeight(random(1 + mouseY/30, 5 + mouseY/30))
turtle7.right(-4);
turtle7.forward(10 + mouseX/250);
}

//-----------------------------------------------------------------------
//-----------------------------------------------------------------------

function turtleLeft(d) {
this.angle -= d;
}

function turtleRight(d) {
this.angle += d;
}

function turtleForward(p) {
var newx = this.x + cos(rad) * p;
var newy = this.y + sin(rad) * p;
this.goto(newx, newy);
}

function turtleBack(p) {
this.forward(-p);
}

function turtlePenDown() {
this.penIsDown = true;
}

function turtlePenUp() {
this.penIsDown = false;
}

function turtleGoTo(x, y) {
if (this.penIsDown) {
stroke(this.color);
strokeWeight(this.weight);
line(this.x, this.y, x, y);
}
this.x = x;
this.y = y;
}

function turtleDistTo(x, y) {
return sqrt(sq(this.x - x) + sq(this.y - y));
}

function turtleAngleTo(x, y) {
var absAngle = degrees(atan2(y - this.y, x - this.x));
var angle = ((absAngle - this.angle) + 360) % 360.0;
return angle;
}

function turtleTurnToward(x, y, d) {
var angle = this.angleTo(x, y);
if (angle < 180) {
this.angle += d;
} else {
this.angle -= d;
}
}

function turtleSetColor(c) {
this.color = c
}

function turtleSetWeight(w) {
this.weight = w;
}

function turtleFace(angle) {
this.angle = angle;
}

function makeTurtle(tx, ty) {
var turtle = {x: tx, y: ty,
angle: 0.0,
penIsDown: true,
color: color(255, random(40, 110)),
weight: 5,
left: turtleLeft, right: turtleRight,
forward: turtleForward, back: turtleBack,
penDown: turtlePenDown, penUp: turtlePenUp,
goto: turtleGoTo, angleto: turtleAngleTo,
turnToward: turtleTurnToward,
distanceTo: turtleDistTo, angleTo: turtleAngleTo,
setColor: turtleSetColor, setWeight: turtleSetWeight,
face: turtleFace};
return turtle;
}``````

For this project I was inspired by brush strokes and watercolour paint because of which I tried to create these circles by making the flow of the circles the brush stroke style. As the cursor moved, the thickness of the stroke changes like the brush stroke. ^thin line weights with a lower mouseY value ^thick line weights with a higher mouseY value