Beginner Question- How to apply an Array or an Arraylist with this existing program?

pekindeor..

Beginner Question- How to apply an Array or an Arraylist with this existing program?

in Contributed Library Questions • 4 months ago

Hi,

I'm new to Processing and got stuck. I'm working with a contributed library and I want to make a slight change with that sketch I found. I want to remove the numbers in the original code and replace them with a string of words.

I'm using this library: http://www.looksgood.de/libraries/Ani/

The original code is like this;

/**

* how to use Ani in your own classes.

* besides the examples shows also the use of: callbacks, setRepeat() and setPlayMode().

import de.looksgood.ani.*;

Cirlce[] cirlces = new Cirlce[5];

color from = color(255, 8, 8);

color to = color(8, 187, 255);

void setup() {

size(512,512);

smooth();

noStroke();

textAlign(CENTER);

// Ani.init() must be called always first!

Ani.init(this);

for(int i=0; i<cirlces.length; i++) {

cirlces[i] = new Cirlce();

}

void draw() {

background(255);

// draw the circles

for(int i=0; i<cirlces.length; i++) cirlces[i].draw();

}

class Cirlce {

float x = random(0,width);

float y = random(0,height);

int diameter = 5;

Ani diameterAni;

color c = color(0);

Cirlce() {

// diameter animation

diameterAni = new Ani(this, random(1,5), 0.5, "diameter", 50, Ani.EXPO_IN_OUT, "onEnd:randomize");

// repeat yoyo style (go up and down)

diameterAni.setPlayMode(Ani.YOYO);

// repeat 3 times

diameterAni.repeat(3);

}

void draw() {

fill(c);

ellipse(x,y,diameter,diameter);

fill(0);

text(diameterAni.getRepeatNumber()+" / "+diameterAni.getRepeatCount(), x, y+diameter);

}

void randomize(Ani _ani) {

c = lerpColor(from, to, random(1));

// new repeat count

int newCount = 1+2*round(random(4));

diameterAni.repeat(newCount);

// restart

diameterAni.start();

// move to new position

Ani.to(this, 1.5, "x", random(0,width), Ani.EXPO_IN_OUT);

Ani.to(this, 1.5, "y", random(0,height), Ani.EXPO_IN_OUT);

}

and this is the code i wrote but it does not work as i want to, i want different words on each circle;

/**

* how to use Ani in your own classes.

* besides the examples shows also the use of: callbacks, setRepeat() and setPlayMode().

import de.looksgood.ani.*;

Cirlce[] cirlces = new Cirlce[5];

color from = color(255, 8, 8);

color to = color(8, 187, 255);

String[] deneme = {

"hey", "sen", "hfey", "segn", "hey", "sewen", "qqhey", "szxxcen", "nnnhey", "qqqsen"

};

int l = int(random(deneme.length));

void setup() {

size(512,512);

smooth();

noStroke();

textAlign(CENTER);

// Ani.init() must be called always first!

Ani.init(this);

for(int i=0; i<cirlces.length; i++) {

cirlces[i] = new Cirlce();

}

void draw() {

background(255);

// draw the circles

for(int i=0; i<cirlces.length; i++) cirlces[i].draw();

}

class Cirlce {

float x = random(0,width);

float y = random(0,height);

int diameter = 5;

Ani diameterAni;

color c = color(0);

Cirlce() {

// diameter animation

diameterAni = new Ani(this, random(1,5), 0.5, "diameter", 50, Ani.EXPO_IN_OUT, "onEnd:randomize");

// repeat yoyo style (go up and down)

diameterAni.setPlayMode(Ani.YOYO);

// repeat 3 times

diameterAni.repeat(3);

}

void draw() {

fill(c);

ellipse(x,y,diameter,diameter);

fill(0);

text(deneme[l], x, y+diameter);

}

void randomize(Ani _ani) {

c = lerpColor(from, to, random(1));

// new repeat count

int newCount = 1+2*round(random(4));

diameterAni.repeat(newCount);

// restart

diameterAni.start();

// move to new position

Ani.to(this, 1.5, "x", random(0,width), Ani.EXPO_IN_OUT);

Ani.to(this, 1.5, "y", random(0,height), Ani.EXPO_IN_OUT);

}

Thanks!

Replies(9)

PhiLho

Re: Beginner Question- How to apply an Array or an Arraylist with this existing program?

4 months ago

int l = int(random(deneme.length));

You declared the variable at the global level, which is what you must do. But the initialization (the part after =) is run only once, before setup() is called. So the value of l never changes.

Change to:
int l; // Or use a better name

and where you use it:
l = int(random(deneme.length);
text(deneme[l], x, y+diameter);

Or just drop the usage of l:
text(deneme[int(random(deneme.length)) ], x, y+diameter);

pekindeor..

Re: Beginner Question- How to apply an Array or an Arraylist with this existing program?

4 months ago

Thanks a lot!

But what should I do to see a different word on each circle? Right now it is showing all of them at the same time

PhiLho

Re: Beginner Question- How to apply an Array or an Arraylist with this existing program?

4 months ago

I don't understand your question. What do you mean by " all of them at the same time"?
Have you tried my suggestion?

pekindeor..

Re: Re: Beginner Question- How to apply an Array or an Arraylist with this existing program?

4 months ago

What I mean is it runs this whole string continuously under every circle. String[] deneme = {

"hey", "sen", "hfey", "segn", "hey", "sewen", "qqhey", "szxxcen", "nnnhey", "qqqsen"

};

Yes, I tried but It becomes impossible to read or understand them.

What I actually try to do was give different words to different circles so that each new circle will represent a new word.

Hope it's clear now.

GoToLoop

Re: Beginner Question- How to apply an Array or an Arraylist with this existing program?

4 months ago

Create a "global" variable to function as an index counter for your String[] deneme. Let's call it idx here.

So, when you need to extract 1 element from it use something like -> name = deneme[idx];

After that, update the index counter this way, so it is eternally circular - > idx = (idx + 1) % deneme.length;

pekindeor..

Re: Re: Beginner Question- How to apply an Array or an Arraylist with this existing program?

4 months ago

can you write those in the code so that I can I can understand where to write them?

sorry, I understand the logic but I'm not familiar with the index counter.

GoToLoop

Re: Beginner Question- How to apply an Array or an Arraylist with this existing program?

4 months ago

It's better for you to understand the concept rather than a ready made fix.

All Arrays have an index to access/extract their stored elements.

And that is an int value from 0 up to its length - 1.

Your deneme[] has 10 String entries in it. So deneme. length = 10.

And thus its index's range varies from 0 up to 9.

In my understanding, you wanna get 1 element from it each draw() run, right?

So, you need a "global" counter to be your current index, varying from 0 up to 9.

Problem is, when it reaches 9, it has to return to 0 again. As you have a closed circular continuous picking!

When you increase the index counter, you assign its modulo (rest of a division) from deneme. length instead;

so as it never surpasses its last accessible index of 9:

idx = (idx + 1) % deneme.length;

So, when idx + 1 becomes = 10, it becomes = 0 instead!

Another alternative is instead of your own global idx variable,

use Processing's frameCount internal variable itself.

This way, instead of String name = deneme[idx];

you use -> String name = deneme[frameCount % deneme.length];

pekindeor..

Re: Re: Beginner Question- How to apply an Array or an Arraylist with this existing program?

4 months ago

Thanks a lot!

I understand how it should work, the logic behind I mean, but I don't know how to write that as code.

I'm sorry but I couldn't manage to make it work, because I really don't know where to put those in the code and the names can be very confusing.

I'm trying this for an important school project, and I need to see if this going to work or not(visually). That's why it is urgent.

When I write like this it says " expecting EOF, found idx "

/**

* how to use Ani in your own classes.

* besides the examples shows also the use of: callbacks, setRepeat() and setPlayMode().

import de.looksgood.ani.*;

Cirlce[] cirlces = new Cirlce[5];

String name = deneme[idx];

color from = color(255, 8, 8);

color to = color(8, 187, 255);

String[] deneme = {

"hey", "sen", "hfey", "segn", "hey", "sewen", "qqhey", "szxxcen", "nnnhey", "qqqsen"

};

idx = (idx + 1) % deneme.length;

void setup() {

size(512, 512);

smooth();

noStroke();

textAlign(CENTER);

// Ani.init() must be called always first!

Ani.init(this);

for (int i=0; i<cirlces.length; i++) {

cirlces[i] = new Cirlce();

}

void draw() {

background(255);

// draw the circles

for (int i=0; i<cirlces.length; i++) cirlces[i].draw();

}

class Cirlce {

float x = random(0, width);

float y = random(0, height);

int diameter = 5;

Ani diameterAni;

color c = color(0);

Cirlce() {

// diameter animation

diameterAni = new Ani(this, random(1, 5), 0.5, "diameter", 50, Ani.EXPO_IN_OUT, "onEnd:randomize");

// repeat yoyo style (go up and down)

diameterAni.setPlayMode(Ani.YOYO);

// repeat 3 times

diameterAni.repeat(3);

}

void draw() {

fill(c);

ellipse(x, y, diameter, diameter);

fill(0);

text(deneme, x, y+diameter);

}

void randomize(Ani _ani) {

c = lerpColor(from, to, random(1));

// new repeat count

int newCount = 1+2*round(random(4));

diameterAni.repeat(newCount);

// restart

diameterAni.start();

// move to new position

Ani.to(this, 1.5, "x", random(0, width), Ani.EXPO_IN_OUT);

Ani.to(this, 1.5, "y", random(0, height), Ani.EXPO_IN_OUT);

}

GoToLoop

Re: Beginner Question- How to apply an Array or an Arraylist with this existing program?

4 months ago

@ my 1st reply I said:

Create a "global" variable to function as an index counter for your String [] deneme .

Let's call it idx here.

The top of a sketch is the place to declare "global" variables. Nothing more!

The code snippet I've taught you was intended to be within draw(), not there!

Anyways, I've made an incomplete simple sketch to illustrate the concept.

I've decided to use frameCount rather than a global variable such as idx in this example:

// http://forum.processing.org/topic/
// beginner-question-how-to-apply-an-array-or-an-arraylist-with-this-existing-program

// ...

final static color BG = 0200, FG = #FFFF00;
final static short FPS = 2, FONT_SIZE = 040;
final static short TEXT_X = 0150, TEXT_Y = 0200;

final static byte NUM_CIRCLES = 10;
final Circle[] circles = new Circle[NUM_CIRCLES];

final String[] deneme = {
  "hey", "sen", "hfey", "segn", "hey", "sewen", "qqhey", "szxxcen", "nnnhey", "qqqsen"
};

// ...

void setup() {
  size(02000, 01000);
  frameRate(FPS);
  smooth();
  noStroke();

  textAlign(CENTER, BASELINE);
  textSize(FONT_SIZE);

  for ( int i = 0; i != NUM_CIRCLES; circles[i++] = new Circle() );

  // ...
}

void draw() {
  background(BG);

  fill(Circle.COLOUR);
  for (Circle c: circles)  c.script();

  final int idx = frameCount % deneme.length; // gets current index
  String name = deneme[idx];                  // gets current entry

  fill(FG);
  text("#" + idx, TEXT_X, TEXT_Y - FONT_SIZE);
  text(name, TEXT_X, TEXT_Y);

  // ...
}

final class Circle {
  static final short DIAM = 040;
  static final color COLOUR = #FF0000;

  short x = (short) random(DIAM, width  - DIAM);
  short y = (short) random(DIAM, height - DIAM);

  void script() {
    update();
    display();
  }

  void update() {
    x += random(1) < .5 ? -1 : 1;
    y += random(1) < .5 ? -1 : 1;
  }

  void display() {
    ellipse(x, y, DIAM, DIAM);
  }
}

Top Reply