Drawing tool
in
Programming Questions
•
1 year ago
I'm trying to make a drawing tool look like this
So when I click one of those boxes the stroke changes color.
This is what I got so far.
So when I click one of those boxes the stroke changes color.
This is what I got so far.
- int rectX, rectY; // Position of square button
int circleX, circleY; // Position of circle button
int rectSize = 50; // Diameter of rect
int circleSize = 53; // Diameter of circle
color rectColor, circleColor, baseColor;
color rectHighlight, circleHighlight;
color strokeColor;
boolean rectOver = false;
boolean circleOver = false;
void setup()
{
size(200, 200);
smooth();
rectColor = color(0);
rectHighlight = color(51);
circleColor = color(255);
circleHighlight = color(204);
baseColor = color(102);
circleX = width/2+circleSize/2+10;
circleY = height/2;
rectX = width/2-rectSize-10;
rectY = height/2-rectSize/2;
ellipseMode(CENTER);
}
void draw()
{
update(mouseX, mouseY);
background(baseColor);
if (rectOver) {
fill(rectHighlight);
}
else {
stroke(rectColor);
if (mousePressed) {
line(mouseX, mouseY, pmouseX, pmouseY);
}
stroke(255);
rect(rectX, rectY, rectSize, rectSize);
if (circleOver) {
fill(circleHighlight);
}
else {
stroke(circleColor);
if (mousePressed) {
line(mouseX, mouseY, pmouseX, pmouseY);
}
stroke(0);
ellipse(circleX, circleY, circleSize, circleSize);
}
void update (int x, int y)
{
if ( overCircle(circleX, circleY, circleSize) ) {
circleOver = true;
rectOver = false;
}
else if ( overRect(rectX, rectY, rectSize, rectSize) ) {
rectOver = true;
circleOver = false;
}
else {
circleOver = rectOver = false;
}
}
void mousePressed()
{
if (circleOver) {
currentColor = circleColor;
}
if (rectOver) {
currentColor = rectColor;
}
}
boolean overRect(int x, int y, int width, int height)
{
if (mouseX >= x && mouseX <= x+width &&
mouseY >= y && mouseY <= y+height) {
return true;
}
else {
return false;
}
}
boolean overCircle(int x, int y, int diameter)
{
float disX = x - mouseX;
float disY = y - mouseY;
if (sqrt(sq(disX) + sq(disY)) < diameter/2 ) {
return true;
}
else {
return false;
}
}
I have a feeling that I'm doing something really wrong so I decided to start from beginning. With this code I'm trying to make this
The code is
The code is
- int rectX, rectY; // Position of square button
int circleX, circleY; // Position of circle button
int rectSize = 50; // Diameter of rect
int circleSize = 53; // Diameter of circle
color rectColor, circleColor, baseColor;
color currentColor;
boolean rectOver = false;
boolean circleOver = false;
void setup()
{
size(200, 200);
smooth();
rectColor = color(0);
circleColor = color(255);
baseColor = color(102);
currentColor = baseColor;
circleX = width/2+circleSize/2+10;
circleY = height/2;
rectX = width/2-rectSize-10;
rectY = height/2-rectSize/2;
ellipseMode(CENTER);
}
void draw()
{
update(mouseX, mouseY);
background(currentColor);
if(rectOver) {
fill(rectColor);
stroke(0);
if (mousePressed) {
line(mouseX, mouseY, pmouseX, pmouseY);
}
}
stroke(255);
rect(rectX, rectY, rectSize, rectSize);
if(circleOver) {
fill(circleColor);
}
stroke(0);
if(mousePressed) {
line(mouseX, mouseY, pmouseX, pmouseY);
stroke(0);
ellipse(circleX, circleY, circleSize, circleSize);
}
void update(int x, int y)
{
if( overCircle(circleX, circleY, circleSize) ) {
circleOver = true;
rectOver = false;
} else if ( overRect(rectX, rectY, rectSize, rectSize) ) {
rectOver = true;
circleOver = false;
} else {
circleOver = rectOver = false;
}
}
boolean overRect(int x, int y, int width, int height)
{
if (mouseX >= x && mouseX <= x+width &&
mouseY >= y && mouseY <= y+height) {
return true;
} else {
return false;
}
}
boolean overCircle(int x, int y, int diameter)
{
float disX = x - mouseX;
float disY = y - mouseY;
if(sqrt(sq(disX) + sq(disY)) < diameter/2 ) {
return true;
} else {
return false;
}
}
This seems easy but since I'm beginner I have no idea how to do this. Am I doing it right? what should I change? Also for the second one it says unexpected token but I can't find any problem with it.
1