beginShape() become one shape?

General Discussion Other

OOLONGT

beginShape() become one shape?

in General Discussion • Other • 1 year ago

Is there any ways to combine or make beginShape()'s shape become one?

I have a program and using three part of beginShape() in order to make a cube,using vertex inside, those three parts appear as a irregular rectangle. But later I need to move those cubes(from random position, draw to the center), and it is difficult to change every vertex to move it. Is there any ways can let the shape that I create become one for me to move it,scale it? So that I can move those cube just like one shape or image(?)

I know it is so abstract, if I have something doesn't explain clearly, please tell me and I will try my best to give more information. This problem is so important to me!!Please help me if you have any idea:(

Thank you so much!!!!

Replies(8)

benja

Re: beginShape() become one shape?

1 year ago

There are different ways to achieve what you want, hard to tell, without knowing your code.
– You could call translate() or scale() before drawing the shapes on the screen.
– Create a class for the cubes and store the position inside.
– Use geomerative-library wich has a lot of very useful features when working with shapes.

OOLONGT

Re: beginShape() become one shape?

1 year ago

Thanks so much!!

I have already using translate in the program, and also using class to draw cubes.
But actually how can I get position in the class?Since I may change the total number of cubes, and different cube may have different scale and position....

And geomerative-library ..I don't have much knowledge of it, I will try to research more about it!:) But can this library join three polygon as one object? I know this library can easily generate polygons, but I have to be set up three separate polygon first, then place them as a cube.....

I know it is too abstract, so I upload the pde file to sendspace, please download it and you will understand what i am talking about.
http://www.sendspace.com/file/ku277z

The whole program is try to make cube using three irregular rectangle, the center point of different part is random. Then those cube should have random position when the program started, then move towards to the center. There are still problems in the program, such as I cannot move it into void draw() because I will mess up the counting of number of cubes, and the position also get weird when I do so......

Thank you for your patient to read so much messy lines..Please keep helping me!!!Thank you!!!!

benja

Re: beginShape() become one shape?

1 year ago

Hi,

it's always better to post code here in the thread, because many people don't like downloading stuff.
I looked into you Cubes-class, and i think you did not really understand the advantage of classes.

You have all variables inside of your class, but you don't use them to store values. Instead of:

c[i].drawCube(ranleftX, ranleftY, ranrightX, ranrightY, rantopX, rantopY, 40, 0);

you should pass these variables to the constructor when creating the cubes:

c[i] = new Cubes(ranleftX, ranleftY, ranrightX, ranrightY, rantopX, rantopY, 40, 0);

then store them inside of the constructor:

Cubes(float rleftX, float rleftY, float rrightX, float rrightY, float rtopX, float rtopY, int minB, int startX) {
    this.rleftX = rleftX;
    this.rleftY = rleftY;

      [....]

}

this way, every cube holds its own values, wich you can manipulate.

c[i].drawCube();

When you then want to translate/scale/rotate the cube, you could create functions inside of your class for that purpose, for example:

void translateCube(float x, float y ){
rleftX += x;
rleftY += y;
rrightX += x;
rrightY += y;
rtopX += x;
rtopY += y;
}

and what you are doing to place your cubes in a grid is a little bit confusing to me. Just an idea how you could calculate the position without using that many "translate" and "if":

for (int i = 0; i < CubeNum; i++) {

      int x = i%CubeRow * CubeSize + ((i/CubeRow)%2)*CubeSize/2;
      int y = i/CubeRow * (MaxBoundary);

      pushMatrix();
      translate(x, y);
      c[i].drawCube();
      popMatrix();
}

Edit: oh the post i responded to seems to be gone...

OOLONGT

Re: beginShape() become one shape?

1 year ago

Thank you so much for the details reply!!!! I am actually not really understand of class or don't know how to use it well!! Thanks a lot!!And so sorry about the file, because I through just put the code here may be to messy, so I uploaded it. Sorry again if I create any inconvenience !!

I have change the constructor part and pss those variables when I create them. And thanks for the way of calculate the position, I really bad in Math so always use stupid to do things when I have to calculate-_-
And why they are placing like grid is because this program at the beginning should look like grid for other purpose..But at the end they may also have to move from random position --> place like grid...(but that is another questions...)

But what if I want to place it into void draw()? Since if I have to move it later, i have to do it in draw. I don't know why even I put it in draw and use the same code, the result will be all cubes draw at the same position (covering each other).

I still have some question don't understand...But I don't know how to explain it..please give me more time to understand your reply and clear my mind..

er also..Is it better if I use geomerative library to do all these things? I have researched online, and also downloaded the library. I have seen those tutorial and examples in the library, but I don't really understand how can I create a polygon with this library....

Thank you so much for your patient, it is so annoying to answer a person don't know too much and keep making stupid mistakes, but you help me even though I am annoying=P. Thanks a lot!!!!!!

benja

Re: beginShape() become one shape?

1 year ago

Not annoying at all. Forums are made for asking questions.
Regarding libraries, there is no "better". Depending on what you want to achieve, it's often easier to use a library than writing everything yourself.
To understand the creation of shapes in geomerative, have a look at the "geomerativeEx4_RShape"-example.

When you have further questions, please post your current code, it's easier to figure out mistakes if one can just copy and run your sketch.

OOLONGT

Re: beginShape() become one shape?

1 year ago

Thank you so much again!!!

I just realized I cannot use library because I will using this .pde into website = processing js, but processing js does not support libraries...But still thanks for telling me that example, I have read it and really the things I want, I will remember it and I can use when I need it next time!!Thanks!!

(I have edit my reply. Earlier I just crazy so want to ask how to make those cube place in random position-_-then I realized I can simply use translate()...)

But here is another question, after I use translate() to place those cubes, can I get those shapes position? What I mean is, for example, the right face of the cube, I would like to get the coordinate of the right-top corner, can I get it? Because I am not changing the real coordinate of the shapes, but using translate() only...So if I want to get it, what can I do?(Because I need it to c alculate the center point of the cube, in order to make cubes don't place to covered each other, and when they meet each other will separate etc..)

Here is my code...

//Change the size of cube here
//Strandard Size of Cube is 40, Center = 20, Max = 30, Min = 10
int MinBoundary = 40;
int CubeSize = MinBoundary * 4;
int CubeCenter = MinBoundary * 2;
int MaxBoundary = MinBoundary * 3;
//Change the color alpha value here
int alphaValue = 200;
//Number of Cube to be genarate
int CubeNum = 2;
int counting = 0;
float ranleftX, ranleftY;
float ranrightX, ranrightY;
float rantopX, rantopY;
float My = 50;
float Mx = 50;
float speed = 1.0;
boolean checked = false;
Cubes [] c = new Cubes[CubeNum];
float[] xPos = new float[CubeNum+1];
float[] yPos = new float[CubeNum+1];
void setup() {
background(100);
size(1000, 800);
smooth();
noStroke();
int CubeRow = (width / (CubeSize += 5))-1;//1000 = 5
int Zero = ((CubeSize ) * (CubeRow-1)); //640
int row = 0;
for (int i = 0; i < CubeNum; i++) {
//Random value for the cube
ranleftX = random(CubeSize);
ranleftY = random(MinBoundary, MaxBoundary);
ranrightX = random(CubeSize);
ranrightY = random(MinBoundary, MaxBoundary);
rantopX = random(MinBoundary, MaxBoundary);
rantopY = random(MinBoundary, MaxBoundary);
c[i] = new Cubes(ranleftX, ranleftY, ranrightX, ranrightY, rantopX, rantopY, 0, MinBoundary, MaxBoundary, CubeSize, CubeCenter);
}
}
void draw() {
if (counting < CubeNum) {
float x = random(800);
float y = random(700);
println("x" + x + "y" + y);
xPos[counting] = x;
yPos[counting] = y;
pushMatrix();
translate(x, y);
text(counting, 0, 0);
c[counting].drawCube();
popMatrix();
counting++;
}
}
//---------Class
class Cubes {
float rleftX;
float rleftY;
float rrightX;
float rrightY;
float rtopX;
float rtopY;
int minB;
int start;
int MinBoundary;
int MaxBoundary;
int CubeSize;
int CubeCenter;
//-----------------------Constructor
Cubes(float rleftX, float rleftY, float rrightX, float rrightY, float rtopX, float rtopY, int start, int MinBoundary, int MaxBoundary, int CubeSize, int CubeCenter) {
this.rleftX = rleftX;
this.rleftY = rleftY;
this.rrightX = rrightX;
this.rrightY = rrightY;
this.rtopX = rtopX;
this.rtopY = rtopY;
this.minB = minB;
this.start = start;
this.MinBoundary = MinBoundary;
this.MaxBoundary = MaxBoundary;
this.CubeSize = CubeSize;
this.CubeCenter = CubeCenter;
}
//-----------------------Constructor
//drawCube(ranleftX,ranleftY,ranrightX,ranrightY,rantopX,rantopY)
void drawCube() {
beginShape();
//Left
fill(#0071BC, alphaValue);
beginShape(QUAD_STRIP);
vertex(start, MinBoundary); //A
vertex(start, MaxBoundary); //D
vertex(rleftX, rleftY); //B cubecenter
vertex(CubeCenter, CubeSize); //C
endShape();
//Right
fill(#66AAD7, alphaValue);
beginShape(QUAD_STRIP);
vertex(rrightX, rrightY);
vertex(CubeCenter, CubeSize);
vertex(CubeSize, MinBoundary);
vertex(CubeSize, MaxBoundary);
endShape();
//Top
fill(#CCE3F2, alphaValue);
beginShape(QUAD_STRIP);
vertex(CubeCenter, start);
vertex(start, MinBoundary);
vertex(CubeSize, MinBoundary);
vertex(rtopX, rtopX);
endShape();
endShape(CLOSE);
}
//-----------------------drawBall()
}

benja

Re: beginShape() become one shape?

1 year ago

You have to loop through you cubes-array in draw() and update/ display every of your cubes.
something like this:

void draw() {
background(0);
for(int i =0; i<CubeNum; i++){      // for this, your CubeNum variable has to be initialized at the top of the sketch

    int x = i%CubeRow * CubeSize + ((i/CubeRow)%2)*CubeSize/2;
    int y = i/CubeRow * (MaxBoundary);

    pushMatrix();
    translate(x, y);
    c[i].drawCube();
    popMatrix();
}
}

instead of calculating x and y every frame, it would be better, to calculate them inside of setup, where you create the cube, and store them inside of the class.

OOLONGT

Re: Re: beginShape() become one shape?

1 year ago

Thank you so much!!You help me a lot!!!!!There are still one little question I would like to ask. And I can't find simliar things in internet....

I have to randomly place those cubes, so how can I make sure those cubes doesn't covered each other?

This is my code now, and I try to control the random value, if it out of screen and too close to each other, I will random the value again, but I don't think it is working at all..:(

//Change the size of cube here
//Strandard Size of Cube is 40, Center = 20, Max = 30, Min = 10
int MinBoundary = 40;
int CubeSize = MinBoundary * 4;
int CubeCenter = MinBoundary * 2;
int MaxBoundary = MinBoundary * 3;
//Change the color alpha value here
int alphaValue = 200;
//Number of Cube to be genarate
int CubeNum = 3;
int counting = 0;
float ranleftX, ranleftY;
float ranrightX, ranrightY;
float rantopX, rantopY;
float My = 50;
float Mx = 50;
float speed = 1.0;
boolean checked = false;
Cubes [] c = new Cubes[CubeNum];
boolean allpass = false;
int countran = 0;
float[] xPos = new float[CubeNum+1];
float[] yPos = new float[CubeNum+1];
void setup() {
background(100);
size(1000, 800);
smooth();
noStroke();
int CubeRow = (width / (CubeSize += 5))-1;//1000 = 5
int Zero = ((CubeSize ) * (CubeRow-1)); //640
int row = 0;
for (int i = 0; i < CubeNum; i++) {
//Random value for the cube
ranleftX = random(CubeSize);
ranleftY = random(MinBoundary, MaxBoundary);
ranrightX = random(CubeSize);
ranrightY = random(MinBoundary, MaxBoundary);
rantopX = random(MinBoundary, MaxBoundary);
rantopY = random(MinBoundary, MaxBoundary);
c[i] = new Cubes(ranleftX, ranleftY, ranrightX, ranrightY, rantopX, rantopY, 0, MinBoundary, MaxBoundary, CubeSize, CubeCenter);
do {
float x = random(800);
float y = random(800);
if ( (x+CubeSize) >= width || (y+CubeSize)>=height) {
x = random(500);
y = random(500);
}
else {
c[i].update(x, y);
countran++;
}
if (countran == CubeNum) {
allpass=true;
}
}
while (allpass == false);
}
for (int i = 0; i < CubeNum; i++) {
float a = c[i].getCenterX();
float b = c[i].getCenterY();
for (int j = 0; j < CubeNum; j++) {
float a2 = c[j].getCenterX();
float b2 = c[j].getCenterY();
if (dist(a, b, a2, b2) < 160) {
if (i != j) {
float x = random(800);
float y = random(700);
c[i].update(x, y);
}
}
}
}
}
void draw() {
if (counting < CubeNum) {
pushMatrix();
// translate(x, y);
text(counting, 0, 0);
c[counting].drawCube();
popMatrix();
counting++;
}
}
//------------------------Class
class Cubes {
float rleftX;
float rleftY;
float rrightX;
float rrightY;
float rtopX;
float rtopY;
float topStart;
int minB;
int start;
int MinBoundary;
int MaxBoundary;
int CubeSizeX;
int CubeSizeY;
int CubeCenter;
//-----------------------Constructor
Cubes(float rleftX, float rleftY, float rrightX, float rrightY, float rtopX, float rtopY, int start, int MinBoundary, int MaxBoundary, int CubeSize, int CubeCenter) {
this.rleftX = rleftX;
this.rleftY = rleftY;
this.rrightX = rrightX;
this.rrightY = rrightY;
this.rtopX = rtopX;
this.rtopY = rtopY;
this.minB = minB;
this.start = start;
this.MinBoundary = MinBoundary;
this.MaxBoundary = MaxBoundary;
this.CubeCenter = CubeCenter;
CubeSizeX = CubeSize;
CubeSizeY = CubeSize;
topStart = start;
}
//-----------------------Constructor
//drawCube(ranleftX,ranleftY,ranrightX,ranrightY,rantopX,rantopY)
void drawCube() {
beginShape();
//Left
fill(#0071BC, alphaValue);
beginShape(QUAD_STRIP);
vertex(start, MinBoundary); //A
vertex(start, MaxBoundary); //D
vertex(rleftX, rleftY); //B cubecenter
vertex(CubeCenter, CubeSizeY); //C
endShape();
//Right
fill(#66AAD7, alphaValue);
beginShape(QUAD_STRIP);
vertex(rrightX, rrightY);
vertex(CubeCenter, CubeSizeY);
vertex(CubeSizeX, MinBoundary);
vertex(CubeSizeX, MaxBoundary);
endShape();
//Top
fill(#CCE3F2, alphaValue);
beginShape(QUAD_STRIP);
vertex(CubeCenter, topStart); //****
vertex(start, MinBoundary);
vertex(CubeSizeX, MinBoundary);
vertex(rtopX, rtopY);
endShape();
endShape(CLOSE);
}
void update(float rx, float ry) {
CubeCenter += rx;
start += rx;
CubeSizeX += rx;
rrightX += rx;
rleftX += rx;
rtopX += rx;
MaxBoundary += ry;
topStart += ry;
CubeSizeY += ry;
MinBoundary += ry;
rleftY += ry;
rrightY += ry;
rtopY += ry;
}
float getCenterX() {
return CubeCenter;
}
float getCenterY() {
float temp = (start+80);
return temp;
}

Top Reply