need help please

Programming Questions

madsky

in Programming Questions • 1 year ago

hi,

i try to create class, so i can have 5 floating shapes. but it doesnt work. please help, thanks

edit:

in my code i'm having "Component.x is not visible" error. i can create only one floating shape but when i want to have 5, i should use class, right? i read some examples and tried to create Bubble class. my bubble has 3 different options: movement(bouncing around the walls) , display(bubble's size and color etc) and segg(how many segments bubble has).

i have coded for only one bubble without segments and movement. and it was moving only on y position. i have to learn it :) sorry for my unclearly message

Bubble b1;
Bubble b2;
Bubble b3;
Bubble b4;
Bubble b5;
float ci_x = noise(10)*0.5;
float ci_y = noise(10)*0.5;
float move_x = noise(1);
float move_y = noise(1);
float currentx;
float currenty;
float num = 2;
void setup(){
size(600,600);
frameRate(320);
b1 = new Bubble(50,100,100,40,10);
b2 = new Bubble(50,100,100,60,30);
b3 = new Bubble(50,100,100,10,50);
b4 = new Bubble(50,100,100,80,70);
b5 = new Bubble(50,100,100,6,100);
}
void draw(){
background(0);
b1.move();
b1.display();
b1.segg();
b2.move();
b2.display();
b2.segg();
b3.move();
b3.display();
b3.segg();
b4.move();
b4.display();
b4.segg();
b5.move();
b5.display();
b5.segg();
}
class Bubble {
color c;
float pozX;
float pozY;
int Segments;
int ssize;
Bubble(color b_color, float xpoz, float ypoz, int seg, int sizee){
c = b_color;
pozX = xpoz;
pozY = ypoz;
Segments = seg;
ssize = sizee;
for (int i=0; i<Segments; i++) {
float angle = float(i) / float(Segments) * TWO_PI+220;
float distance = ssize + 15 * noise(i, frameCount/60.0);
}
}
void display(){
smooth();
strokeWeight(4);
stroke(c);
beginShape();
fill(#D3E2E5);
for (int i=0; i<Segments; i++) {
curveVertex(x[i % Segments], y[i % Segments]);
}
endShape();
}
void move(){
if(ci_x > width){
ci_x = width;
move_x = -move_x;
}
if(ci_y > height){
ci_y = height;
move_y = -move_y;
}
if(ci_x < 0){
ci_x = 0;
move_x = -move_x;
}
if(ci_y < 0){
ci_y = 0;
move_y = -move_y;
}
// x[i] = pozX + sin(angle) * distance;
// y[i] = pozY + cos(angle) * distance;
}
void segg(){
translate(width * noise(num+200), height * noise(num+2000));
rotate(10 * noise(num+10));
num = num + 0.001;
float x[] = new float[Segments];
float y[] = new float[Segments];
}
}

Replies(11)

PhiLho

Re: need help please

1 year ago

General advices:
- Try and find better subject lines, since most messages here are to ask for help!
- Similarly, if you explain what is wrong in your code, more precise than " it doesnt work" (compilation error, runtime error, not what you expected), it can help in helping you.
- Lastly, some useful reading: From several variables to arrays and From several arrays to classes

Will try and run your code later.

PhiLho

Re: need help please

1 year ago

I had a closer look, and I don't understand your code. You have a syntax error in the line curveVertex(x[i % Segments], y[i % Segments]); because x and y are not defined at the class level.
You define such arrays in segg(), but they are lost as soon as the function ends. You should read a bit on variable scopes.
Likewise, the operations in segg() doesn't seem useful. And the loop in the Bubble constructor isn't useful either: you compute variables, but they are reset on each loop iteration, and lost after the constructor returns.

Again, we don't have details about what your code is supposed to do, so it is hard to give better advices.

madsky

Re: need help please

1 year ago

i can have only one bubble with right segments and right moves.for one bubble my code is working.. but when i try to create classes, it wont. i try to put my bouncing codes in move(), bubble's size and other options in display() and bubble's segments in segg(). then i get this error not visible error. sorry for my bad english

PhiLho

Re: need help please

1 year ago

It can be useful to show your working code (and not in a private message where code is messed up). And to read the articles I point to...

Jonny Stu..

Re: need help please

1 year ago

Maybe if you post the working code you have for one bubble we can try to suggest a good way to translate it into a class. The "component.x is not visible" error has a simple cause (your class has no x variable) but there are a lot of other problems with the approach you've taken and as a result it's hard to try and read the intent of your code.

madsky

Re: need help please

1 year ago

sorry i'm new to Forum. i learning. here is my working code again.

float ci_x = noise(10)*0.5;
float ci_y = noise(10)*0.5;
float move_x = noise(1);
float move_y = noise(1);
float currentx;
float currenty;
float num = 2;
void setup(){
size(700, 400);
//stroke(#D60DFF);
smooth();
noStroke();
//strokeWeight(3);
currentx = width / 2;
currenty = height / 2;
frameRate(320);
}
void draw(){
fill(113,25,10,6);
// background(#C95F45);
rect(0, 0, width, height);
drw(ci_x, ci_y, 30, 30);
}
void drw(float pozX, float pozY, int seg, int buyuk) {
int Segments = seg;
translate(width * noise(num+200), height * noise(num+2000));
rotate(10 * noise(num+10));
num = num + 0.001;
float x[] = new float[Segments];
float y[] = new float[Segments];
for (int i=0; i<Segments; i++) {
float angle = float(i) / float(Segments) * TWO_PI+220;
float distance = buyuk + 15 * noise(i, frameCount/60.0);
x[i] = pozX + sin(angle) * distance;
y[i] = pozY + cos(angle) * distance;
}
/*ci_x = ci_x + move_x;
ci_y = ci_y + move_y;*/
if(ci_x > width){
ci_x = width;
move_x = -move_x;
}
if(ci_y > height){
ci_y = height;
move_y = -move_y;
}
if(ci_x < 0){
ci_x = 0;
move_x = -move_x;
}
if(ci_y < 0){
ci_y = 0;
move_y = -move_y;
}
//resetMatrix();
beginShape();
fill(#D3E2E5);
for (int i=0; i<Segments+4; i++) {
curveVertex(x[i % Segments], y[i % Segments]);
}
endShape();
}

PhiLho

Re: need help please

1 year ago

Perhaps you went overboard with the class design. Somehow, you have a clean drw() method, doing most of the job for drawing and moving the blob. You can put the global variables as fields of the class, and bam! you are done...

PhiLho

Re: need help please

1 year ago

Here is a very simple encapsulation of your code in a class. You might have to adjust other things.

Blob[] blobs = new Blob[5];
void setup() {
size(600, 600);
//stroke(#D60DFF);
smooth();
noStroke();
//strokeWeight(3);
frameRate(320);
blobs[0] = new Blob(40, 10);
blobs[1] = new Blob(60, 30);
blobs[2] = new Blob(10, 50);
blobs[3] = new Blob(80, 70);
blobs[4] = new Blob(6, 100);
}
void draw() {
fill(113, 25, 10, 6);
// background(#C95F45);
rect(0, 0, width, height);
for (int i = 0; i < blobs.length; i++)
{
blobs[i].draw();
}
}
class Blob
{
float ci_x = noise(10)*0.5;
float ci_y = noise(10)*0.5;
float move_x = noise(1);
float move_y = noise(1);
float currentx;
float currenty;
float num = 2;
int Segments = 30;
int buyuk = 30;
Blob(int seg, int b)
{
currentx = width / 2;
currenty = height / 2;
Segments = seg;
buyuk = b;
}
void draw() {
translate(width * noise(num+200), height * noise(num+2000));
rotate(10 * noise(num+10));
num = num + 0.001;
float x[] = new float[Segments];
float y[] = new float[Segments];
for (int i=0; i<Segments; i++) {
float angle = float(i) / float(Segments) * TWO_PI+220;
float distance = buyuk + 15 * noise(i, frameCount/60.0);
x[i] = ci_x + sin(angle) * distance;
y[i] = ci_y + cos(angle) * distance;
}
if (ci_x > width) {
ci_x = width;
move_x = -move_x;
}
if (ci_y > height) {
ci_y = height;
move_y = -move_y;
}
if (ci_x < 0) {
ci_x = 0;
move_x = -move_x;
}
if (ci_y < 0) {
ci_y = 0;
move_y = -move_y;
}
beginShape();
fill(#D3E2E5);
for (int i=0; i<Segments+4; i++) {
curveVertex(x[i % Segments], y[i % Segments]);
}
endShape();
}
}

madsky

Re: need help please

1 year ago

yes yes yess that looks like what i want to do.. now i have to write some options, so every ball should move independent from other balls and they should move in border of screen. thank you

madsky

Re: need help please

1 year ago

here is modified version :

what you think?

Blob[] blobs = new Blob[15];
void setup()
{
size(600, 600);
stroke(0);
smooth();
//noStroke();
strokeWeight(3);
frameRate(320);
blobs[0] = new Blob(10, 10,6,22);
blobs[1] = new Blob(20, 20,12,35);
blobs[2] = new Blob(30, 35,2,33);
blobs[3] = new Blob(120, 30,25,30);
blobs[4] = new Blob(66, 10,6,24);
blobs[5] = new Blob(10, 10,6,22);
blobs[6] = new Blob(20, 20,12,35);
blobs[7] = new Blob(30, 35,2,33);
blobs[8] = new Blob(120, 30,25,30);
blobs[9] = new Blob(66, 10,6,24);
blobs[10] = new Blob(10, 10,6,22);
blobs[11] = new Blob(20, 20,12,35);
blobs[12] = new Blob(30, 35,2,33);
blobs[13] = new Blob(120, 30,25,30);
blobs[14] = new Blob(66, 10,6,24);
}
void draw()
{
fill(113, 25, 10,250);
// background(#C95F45);
rect(0, 0, width, height);
for (int i = 0; i < blobs.length; i++)
{
blobs[i].ciz();
}
}
class Blob
{
float ci_x = noise(2);
float ci_y = noise(2);
/*float ci_x;
float ci_y;*/
float move_x = noise(15);
float move_y = noise(15);
float currentx;
float currenty;
float num = random(50);
int Segments;
int buyuk;
Blob(int seg, int b,float cx,float cy)
{
currentx = width / 2;
currenty = height / 2;
ci_x = cx;
ci_y = cy;
Segments = seg;
buyuk = b;
}
void ciz() {
translate(width * noise(num+10), height * noise(num+50));
rotate(10 * noise(num+10));
num = num + 0.001;
float x[] = new float[Segments];
float y[] = new float[Segments];
for (int i=0; i<Segments; i++) {
float angle = float(i) / float(Segments) * TWO_PI+220;
float distance = buyuk + 20 * noise(i, frameCount/60.0);
x[i] = ci_x + sin(angle) * distance;
y[i] = ci_y + cos(angle) * distance;
}
if (ci_x > width) {
ci_x = width;
move_x = -move_x;
}
if (ci_y > height) {
ci_y = height;
move_y = -move_y;
}
if (ci_x < 0) {
ci_x = 0;
move_x = -move_x;
}
if (ci_y < 0) {
ci_y = 0;
move_y = -move_y;
}
beginShape();
fill(255);
for (int i=0; i<Segments+4; i++) {
curveVertex(x[i % Segments], y[i % Segments]);
}
endShape();
resetMatrix();
}
}

PhiLho

Re: need help please

1 year ago

Hey, it looks good! Less "hysterical" than my simple version... I like these wobbling blobs...

Top Reply

need help please

Replies(11)

Re: need help please

Re: need help please

Re: need help please

Re: need help please

Re: need help please

Re: need help please

Re: need help please

Re: need help please

Re: need help please

Re: need help please

Re: need help please

Statistics

Tags

Actions

Related Posts