NEED HELP!! anyone know how to write this code? tried and failed.

General Discussion Other

drawde321

NEED HELP!! anyone know how to write this code? tried and failed.

in General Discussion • Other • 1 year ago

Your program should use a window that is 400 by 300 pixels in size. The background should be white. You should draw an unfilled 2-pixel green-bordered rectangle centered at center of the window, whose width is half the window width and whose height is half the window height.

Then, you should draw a borderless blue plus sign inside the rectangle, centered at the center of the window as well. The thickness of the plus sign should be a tenth of the window width.

Lastly, when a user presses the mouse outside the green-bordered rectangle, a growing red circle should be displayed centered at the location where the mouse is pressed. The circle, as it grows, should become more transparent and eventually disappear when the diameter of the circle reaches 255.

Replies(12)

calsign

Re: NEED HELP!! anyone know how to write this code? tried and failed.

1 year ago

Why are you giving us your assignment?
We're not going to write that for you.
At least show us what you have so that we can help you along.

drawde321

Re: Re: NEED HELP!! anyone know how to write this code? tried and failed.

1 year ago

the thing is i have no idea how to do this and I just started programing today and this isnt my assignment its class work that i was given, tried to do it and i cant so im asking anyone for help,
this is what i got so far

void setup() {
size(400,300);
background(255);
}

void draw() {
fill(255);
rect(100,75,width/2,height/2);
strokeWeight(2);

fill(0,0,255);
rect(100,115,width/2,75);
rect(150,75,100,height/2);
}

and its wrong plus i dnt know the circle bit been trying for almost 2 hours no i am at no prevail.

calsign

Re: NEED HELP!! anyone know how to write this code? tried and failed.

1 year ago

We can work with this.

I would recommend putting your call to background() in draw() so that it is updated every frame.
For your first rectangle, you can use stroke() to make the border green.
You can use rectMode(CENTER) to draw rectangles from the center.
You can call noStroke() to draw the plus sign.

Your slowly growing circles seem to be a complicated task for a beginner.
I would use this forum as a reference - look at this post for ideas.

drawde321

Re: Re: NEED HELP!! anyone know how to write this code? tried and failed.

1 year ago

Thanks for the help much appreciated yeah the circle has turned my brain into mush. So how would you write the comman for rectMode(center)?, after the rect(100,75,width/2,height/2); or before?
and wat are the correct dimensions so when the size changes the plus sign and rectangle will.?

Chrisir

Re: NEED HELP!! anyone know how to write this code? tried and failed.

1 year ago

put rectMode(CENTER); before the rect(100,75,width/2,height/2);

for circle use an ellipse that is as high as wide:
ellipse(56, 46, 55, 55);
the first two numbers are the x and y position, the second width and hight, which are the same so it is the circles diameter

width and height give you the size of your program. Try
println (width);
println (height);

quote:

The thickness of the plus sign should be a tenth of the window width.

Where does this come in?

Greetings, Chrisir

drawde321

Re: Re: NEED HELP!! anyone know how to write this code? tried and failed.

1 year ago

yeah I tried this and my rectangle is not in the center, its on the top left corner why is that?
when i dnt put rectMode(CENTER); its directly in the center + the plus sign inside the rectangle is killing me i dnt know wat to do?

Chrisir

Re: NEED HELP!! anyone know how to write this code? tried and failed.

1 year ago

// this is x,y, and then width of the bar and height
rect(100,115,width/2,75);
rect(150,75,100,height/2);

with rectMode(CENTER); before it you need

rect(width/2,height/2, 200, width / 10 ); //
rect(width/2,height/2, width / 10 , 200);

rectMode(CENTER); means that the rect coming after it is painted at position x,y but not that it starts there at x,y and goes to the right (and down) but that it is centered at x,y (goes half to the left, half to the right and half to the top and half down). Therefore make x as width/2 and y as height/2 - as shown above.

drawde321

Re: Re: NEED HELP!! anyone know how to write this code? tried and failed.

1 year ago

the plus sign is perfectly in the middle thanks, But the Main rectangle which is this one
rect(100,75,width/2,height/2);
is in the top left corner why is that?

here is my coding is anything wrong with it?
You have been really helpful, thank you heaps.

void setup() {
size(400,300);
}

void draw() {
background(255);
fill(255);
rectMode(CENTER);------------------------------------this code makes the rect(100,75,width/2,height/2); go to the top left corner without it it dosent but the plus sign goes all wierd without it and with it it goes perfectly back to the center???.

rect(100,75,width/2,height/2);
rect(width/2,height/2, 200, width / 10 );
rect(width/2,height/2, width / 10 , 200);

strokeWeight(2);
stroke(0,255,0);

}

Chrisir

Re: NEED HELP!! anyone know how to write this code? tried and failed.

1 year ago

rectMode changes the way the command "rect" coming after it works.

rectMode(CENTER); means that the rect (all the rects) coming after it is (are) painted at position x,y but not that it starts there at x,y and goes to the right (and down) (that's what it normally does) but that it is centered at x,y (goes half to the left, half to the right and half to the top and half down). Therefore make x as width/2 and y as height/2

so something like
rect(width/2,height/2,width/2,height/2);

drawde321

Re: Re: NEED HELP!! anyone know how to write this code? tried and failed.

1 year ago

Ok everything is done except for the circle bit i have drawn the circle, but i cannot get it to stay or expand to 255 to diameter at the same time making it transparent while expanding??.
this is the hardest part and my teacher expects us to this on our very first day =(

this is what i have so far

void setup() {
size(400, 300);
}

void draw() {
background(255);
fill(255);
rectMode(CENTER);
strokeWeight(2);
stroke(0, 255, 0);
rect(width/2, height/2, width/2, height/2);
fill(0, 0, 255);
noStroke();
rect(width/2, height/2, 200, width / 10 );
rect(width/2, height/2, width / 10, 150);
rectMode(CENTER);
}

void mousePressed() {
ellipseMode(CENTER);
ellipse(mouseX, mouseY, 20, 20);

maleo

Re: NEED HELP!! anyone know how to write this code? tried and failed.

1 year ago

you will need to create a variable for the size of the circle. in ellipse() you use that variable for the size parameters instead of fixed values (20). and in draw() you need to increase the number stored in that variable until it hits the limit (255).

finally you need to tie this functionality to mousePressed().

sorry, not to give you a working solution, since there would no the point in doing an exercise then. :)

calsign

Re: NEED HELP!! anyone know how to write this code? tried and failed.

1 year ago

In order to keep the ellipse there for an extended period of time, you have to declare a variable or two that stores its location. For example, an x and a y. When the mouse is pressed, you set x and y, and when you display the ellipse, you use x and y for the coordinates. Then, you need a size variable which will determine both the size and the transparency.

To use transparency, look at fill(); the fourth parameter specifies the transparency.