Find Winstin



void draw() {
    //Tracker
    //stroke(0, 0, 0);
    //textSize(12);
    background(255, 255, 255);
    // 
    textSize(12);
    text("Want the answer?",300,10);
    fill(18, 87, 15);
    rect(349,10,35,10);
    fill(0, 255, 255);
    text("Click HERE",320,20);
    // 
    textSize(20);
    fill(255, 0, 0);
    text("Find Winstin!",150,390);
    fill(100, 255, 0);
    rect(40,300,20,20);
    // 
    rect(200,180,30,30);
    fill(0, 0, 255);
    rect(40,40,20,20);
    ellipse(260,350,20,20);
    fill(100,255,0);
    rect(300,100,20,20);
    // 
    stroke(16, 66, 8);
    fill(255, 0, 0);
    ellipse(mouseY,mouseX,10,10);
    // 
    if (mousePressed & mouseX > 350 & 380 > mouseX & mouseY > 40 & 50 > mouseY) {
        textSize(12);
        fill(242, 0, 255);
        text("Click",10,290);
        text(" HERE!\\\/",0,300);
        text("(With red dot)",10,350);
    }
    // 
    if (mousePressed & mouseX > 300 & 60 > mouseY & 325 > mouseX & mouseY > 45) {
        // 
        fill(255, 255, 0);
        ellipse(202, 208, 300, 300);
        // 
        fill(46, 46, 41);
        ellipse(160, 150, 40, 40);
        ellipse(305, 140, 40, 40);
        fill(250, 65, 65);
        ellipse(260, 240, 120, 135);
        fill(255, 0, 0);
        textSize(30);
        text("'HI! My name is Winstin!'",20,50);
    }
    //ellipse(mouseX,mouseY, 12, 12);
    //var label = mouseX + "," + mouseY;
    //text(label, mouseX, mouseY);
};

Mouse Tracker



void draw() {
    fill(255, 0, 255);
    background(144, 195, 212);
    //ellipse(mouseX,mouseY, 12, 12);
    fill(255, 0, 0);
    var label = mouseX + "," + mouseY;
    text(label, mouseX, mouseY);
};

Starry Night



var xPos = 400;
var yPos = 0;
var starSize = 10;
void draw() {
    background(14, 19, 59);
    fill(255, 238, 0);
    stroke(252, 202, 0);
    ellipse(xPos, yPos, starSize, starSize);
    noStroke();
    fill(0, 0, 0);
    rect(56,160,111,241,0);
    rect(194,207,92,194,0);
    fill(255, 234, 0);
    stroke(255, 234, 0);
    rect(65,170,25,25,0);
    rect(100,170,25,25,0);
    rect(135,170,25,25,0);
    rect(65,205,25,25,0);
    rect(135,275,25,25,0);
    rect(135,205,25,25,0);
    rect(65,240,25,25,0);
    rect(100,240,25,25,0);
    rect(65,300,25,25,0);
    rect(100,300,25,25,0);
    rect(100,335,25,25,0);
    rect(135,370,25,25,0);
    rect(200,245,20,20,0);
    rect(200,345,20,20,0);
    rect(230,275,20,20,0);
    rect(260,215,20,20,0);
    rect(260,305,20,20,0);
    rect(230,345,20,20,0);
    rect(200,215,20,20,0);
    rect(200,215,20,20,0);
    rect(200,215,20,20,0);
    rect(200,215,20,20,0);
    rect(200,215,20,20,0);
    rect(200,215,20,20,0);
    fill(255, 221, 0);
    noStroke();
    ellipse(270,30,5,5);
    ellipse(100,40,5,5);
    ellipse(230,80,5,5);
    ellipse(10,100,5,5);
    ellipse(340,150,5,5);
    starSize += 0.2;
    xPos -= 0.5;
    yPos += 0.5;
};

Painting App v2.0



fill(0, 13, 255);
textSize(18);
text("Draw a Picture!", 150, 360);
void draw() {
  var BrushSize;
  BrushSize=20;
  fill(255, 0, 0);
  noStroke();
  if (mousePressed){
    ellipse(mouseX,mouseY,BrushSize,BrushSize); 
  }
};

Moving Target



var drawStarX = 375;
var drawStarY = 25;
var drawPerson = 200;
void draw() {
    background(0, 0, 0);
    fill(255, 191, 0);
    ellipse(drawStarX, drawStarY, 100, 100);
    noStroke();
    fill(0, 123, 255);
    //legs
    rect(drawPerson - 31, 308, 25, 90);
    rect(drawPerson + 5, 308, 25, 90);
    fill(255, 246, 127);
    stroke(0, 0, 0);
    ellipse(drawPerson, 200, 80, 80);//head
    fill(0, 0, 0);
    stroke(43, 41, 41);
    rect(drawPerson - 6, 141, 11, 32);//hair
    fill(255, 105, 105);
    noStroke();
    rect(drawPerson - 20, 214, 38, 14);//mouth
    fill(0, 123, 255);
    noStroke();
    rect(drawPerson - 37, 232, 75, 80);//body
    fill(0, 123, 255);
    //arms
    rect(drawPerson - 119, 239, 90, 25);
    rect(drawPerson + 31, 235, 90, 25);
    //eyes
    fill(255, 255, 255);
    ellipse(drawPerson - 19, 194, 20, 20);
    ellipse(drawPerson + 19, 194, 20, 20);
    fill(0, 0, 0);
    ellipse(drawPerson + 17, 194, 10, 10);
    ellipse(drawPerson - 17, 194, 10, 10);
    stroke(0, 0, 0);
    fill(0, 21, 255);
    ellipse(mouseX, 0, 30, 30);
    ellipse(mouseX, 400, 30, 30);
    ellipse(0, mouseY, 30, 30);
    ellipse(400, mouseY, 30, 30);
    fill(255, 255, 255);
    ellipse(mouseX, mouseY, 40, 40);
    fill(255, 0, 0);
    ellipse(mouseX, mouseY, 20, 20);
    if(mousePressed) {
        ellipse(mouseX, mouseY, 40, 40);
    }
     drawStarX = drawStarX -1;
     drawStarY = drawStarY +1;
     if(mousePressed) {
         drawStarX = 375;
         drawStarY = 25;
     }
     textSize(20);
    text("Click to Restart", 253, 386);
    drawPerson += 2;
    if (drawPerson > 400) {
        drawPerson = 0;
    }
};

Moving Truck



var drawTree = 150;
var drawTruck = 15;
var truckWheel = 11;
var drawSun = 350;
void draw() {
    background(51, 137, 230);
//Truck(main body)
    stroke(0, 0, 0);
    fill(0, 0, 0);
    rect(drawTruck, 170, 110, 27);
    stroke(43, 43, 43);
    fill(43, 43, 43);
//Wheels
    ellipse(drawTruck + 100, 203,truckWheel,truckWheel);
    ellipse(drawTruck + 10, 203,truckWheel,truckWheel);
    ellipse(drawTruck + 25, 203,truckWheel,truckWheel);
    ellipse(drawTruck + 40, 203,truckWheel,truckWheel);
    ellipse(drawTruck + 55, 203,truckWheel,truckWheel);
    ellipse(drawTruck + 70, 203,truckWheel,truckWheel);
    ellipse(drawTruck + 85, 203,truckWheel,truckWheel);
//Front Rectangle of truck    
    stroke(0, 0, 0);
    fill(0, 0, 0);
    rect(drawTruck + 110, 180, 20, 15);
    fill(255, 255, 255);
    stroke(0, 0, 0);
    rect(drawTruck + 110, 180, 15, 10);
    fill(0, 0, 0);
//Road
    rect(0, 209, 399, 26);
    fill(255, 221, 0);
    //Yellow line things
    rect(29, 214, 82, 14);
    rect(147, 214, 82, 14);
    rect(272, 214, 82, 14);
    stroke(43, 255, 0);
    fill(43, 255, 0);
    //Grass
    rect(0, 235, 400, 165);
    if (mousePressed) {
        drawTruck = -1;
    } else {
        drawTruck = drawTruck +1;
    }
//Sun
    fill(255, 255, 0);
    ellipse(drawSun, 75, 80, 80);
    if (mousePressed) {
        drawSun = 350;
    }
    drawSun = drawSun -0.1;
    fill(255, 0, 0);
    textSize(30);
    text("Click to restart", 100, 350);
    //tree
    fill(79, 24, 24);
    rect(drawTree, 289, 30, 96);
    fill(57, 99, 20);
    noStroke();
    ellipse(drawTree + 16, 256, 91, 85);
    if(drawTruck === 450) {
        drawTruck = -150;
    }
    drawTree = drawTree -1;
    if (mousePressed) {
        drawTree = 84;
    }
    textSize(14);
    text("The truck will come back by itself if you don't press anything",18, 375);
};

Smart Button



void draw() {
    fill(0, 255, 68); // start color
    if (mousePressed && mouseX > 50 && 300 > mouseX && mouseY > 150 && 250 > mouseY) {
        fill(255, 0, 0);  // click color
    }
    rect(50, 150, 250, 100);  // the button
    // The button text
    fill(0, 0, 0);
    textSize(30);
    text("PRESS ME!", 93, 193);
};