Processing Forum

about arrayList().... (tweaked from benja's sketch)

[14 Replies]
- 15-Oct-2012 11:47 AM
- Forum: Programming Questions
Hi, I've gotten numerous helps from this forum and I'm bring another question again.

I've made a sketch about falling circles and lines, with arrayList().

When I click the mouse, circles and connecting lines appear -> drop -> pile up.

With many people's advice(especially benja's one), my sketch have been developed a lot.

Let me show you my code first;
2. ArrayList<Circle> circles;
4. int numCircles = 13;
5. int maxDistance; //max distance between circles when draw lines
6. int m;
8. float bgX;
9. float bgY;
11. float randomVal;
12. float circleX;
13. float circleY;
15. PImage bg;
16. PImage bgRed;
17. PImage bgBlue;
19. color[] colors;
20. int indexColors;
22. float[] opa;
27. void setup()
28. {
29. size(1024, 768); //size of window
30. smooth(); //draw circles with anti-aliased edge
31. m = millis();
34. //frameRate(15);
36. //bg = loadImage("bg_trans.png");
37. //bgRed = loadImage("bg_red.png");
38. // bgBlue = loadImage("bg_blue.jpg");
40. imageMode(CENTER);
42. circles = new ArrayList<Circle>();
43. createCircles();
44. }
49. void draw()
50. {
51. // clear background
52. background(0,0,25);
53. /*
54. tint(255, 255);
55. image(bgBlue, width/2, height/2);
57. tint(255, 50);
58. image(bg, width/2, height/2);
60. tint(255, 0);
61. image(bgRed, width/2, height/2);
62. */
66. for (int i=0; i< circles.size(); i++)
67. {
68. circles.get(i).update();
69. circles.get(i).display();
70. }
71. // define maximum distance
72. maxDistance = 180;
74. //maxDistance =mouseX; //manuplate lines by mouse cursor
76. // look of the lines
77. stroke(255, 130);
78. strokeWeight(0.5);
80. for (int i=0; i< numCircles; i++)
81. {
82. // compare circle to other circles
83. for (int j=i+1; j< numCircles; j++)
84. {
85. // draw line if distance is below 'maxDistance'
86. if (dist(circles.get(i).x, circles.get(i).y, circles.get(j).x, circles.get(j).y) < maxDistance){
87. line(circles.get(i).x, circles.get(i).y, circles.get(j).x, circles.get(j).y);
88. }
89. }
90. }
91. }
93. void mousePressed()
94. {
95. createCircles();
96. }
98. void createCircles()
99. {
100. opa = new float[5];
102. colors = new color[5];
104. opa[0] = random(100, 255);
105. opa[1] = random(100, 255);
106. opa[2] = random(100, 255);
107. opa[3] = random(100, 255);
108. opa[4] = random(100, 255);
110. colors[0] = color(255, 206, 0, opa[0]); //yellow
111. colors[1] = color(255, opa[1]); // white
112. colors[2] = color(0, 58, 142, opa[2]); //blue
113. colors[3] = color(226, 0, 0, opa[3]); //red
114. colors[4] = color(73,73,73, opa[4]); //black(gray)
116. for (int i=0; i<numCircles; i++)
117. {
118. //create circles in big circular area
119. float randomAngle = random(0, TWO_PI);
120. float randomRadius = random(20, 350); // Not too close of the center, adjust at will
121. float circleX = width/2 + cos(randomAngle) * randomRadius;
122. float circleY = height/2 + sin(randomAngle) * randomRadius;
124. println(circleX + ", " + circleY);
126. indexColors = int(random(colors.length));
128. circles.add(new Circle(circleX, circleY, random(5, 15), colors[indexColors]));
129. }
130. }
135. class Circle {
136. float x, y, dia;
137. color col;
139. float speed=0;
140. float gravity=0.15;
142. float fallLimit = height/2 + 350; //limit y for falling stars
145. Circle(float x, float y, float dia, color col) {
146. this.x =x;
147. this.y =y;
148. this.dia = dia;
149. this.col = col;
150. }
153. //circles move slightly in their position
154. void update() {
155. // code for movement here
156. // this is just some random displacement
157. x = x + random(-0.5, 0.5);
158. y = y + random(-0.5, 0.5);
160. int m = millis();
162. speed = speed + gravity;
165. if(y < fallLimit){
166. y = y + speed;
167. }
168. if (y > fallLimit) {
169. y = fallLimit;
170. }
173. /*
174. if( get(x,y) == color(255,0,0) ){
175. y = y + speed;
176. }
177. if( get(x,y) == color(0,0,255) ){
178. y=y;
179. }
180. */
181. }
185. void display() {
186. // code for drawing the circles
187. noStroke();
188. fill(col);
189. ellipse(x, y, dia, dia);
190. }
191. }
This is all I have been working for. However, it has two serious problems...

1. It should start with blank screen but at the start of application, a set of circles and lines appear.

I guess it is because of line 66-90, in void draw(). I tried to put them inside void createCircles() but failed. There's something wrong....

2. When I click the mouse, circles appear but lines do not. I'm only guessing why. What I guess is;

I used '(circles.get(i).x, circles.get(i).y, circles.get(j).x, circles.get(j).y);' when I draw lines.

BUT, when I draw circles, I used 'circleX, circleY'.

I don't know why, but I'm only guessing it is wrong.

As for 1st problem, I failed and for 2nd problem, I cannot even approach to it.

Would anybody teach me how to fix it, please?

background image fades out with object(not background) images

[4 Replies]
- 15-Oct-2012 03:47 AM
- Forum: Programming Questions
Hi, I've made a sketch with several images appearing and fading out by pressing keys.

It have worked perfectly, but after adding a background image, everything got messed up.

I gave the pressing action to only object images, but background image also react to pressing key.

Here's the code;
3. /////////////setting for image///////////////
4. PImage[] pat = new PImage[13];
5. PImage bg;
7. ////////////extra settings//////////////
8. float[] time = new float[13];
10. float going = 5;
11. float maxAlpha = 255;
15. void setup()
16. {
17. size(1024, 768);
19. //load images
20. bg = loadImage("bg_trans.png");
22. for(int i=0; i<pat.length; i++)
23. {
24. pat[i] = loadImage("pattern" + nf(i+1, 2) + ".png");
25. }
27. imageMode(CENTER);
29. for(int j=0; j<13; j++)
30. {
31. time[j]=255;
32. }
33. }
37. void draw()
38. {
39. background(0,0,75);
40. image(bg, width/2, height/2); // this is the background image I called
41. tint(255, 40); // I want to fix the alpha of background image at 40
43. for(int k=0; k<13; k++)
44. {
45. if(time[k] < maxAlpha)
46. {
47. image(pat[k], width/2, height/2);
48. tint(255, maxAlpha-time[k]); //I want to give this tint() to only object images, not to background image
49. time[k] = time[k] + going;
50. }
51. }
52. }
56. void keyPressed()
57. {
58. if ( key == 'z' )
59. {
60. time[0] = 0;
61. }
63. if ( key == 'x' )
64. {
65. time[1] = 0;
66. }
67. if ( key == 'c' )
68. {
69. time[2] = 0;
70. }
72. if ( key == 'v' )
73. {
74. time[3] = 0;
75. }
77. if ( key == 'b' )
78. {
79. time[4] = 0;
80. }
84. if ( key == 'a' )
85. {
86. time[5] = 0;
87. }
89. if ( key == 's' )
90. {
91. time[6] = 0;
92. }
94. if ( key == 'd' )
95. {
96. time[7] = 0;
97. }
99. if ( key == 'f' )
100. {
101. time[8] = 0;
102. }
104. if ( key == 'g' )
105. {
106. time[9] = 0;
107. }
111. if ( key == 'q' )
112. {
113. time[10] = 0;
114. }
116. if ( key == 'w' )
117. {
118. time[11] = 0;
119. }
121. if ( key == 'e' )
122. {
123. time[12] = 0;
124. }
125. }
127. }
I thought that tint() would only have effect on object images(in this case, pat[] I mean)....But it also affect bg.

The alpha value of bg should be fixed at 40.

Would someone help me, please? I don't have any idea...

(I cannot use background(bg) because bg is smaller than application size and I don't want to change the size of image 'bg'. 'bg' is PNG image with transparent background and I just want to put it on the background(0,0,75), at the center of the screen.)

simple question! using iteration 'for' with numerous images

[2 Replies]
- 14-Oct-2012 10:29 AM
- Forum: Programming Questions
I'm loading numerous images in my sketch by loadImage(), and I want to make my sketch short and simple.

I think that I can use iteration 'for', but I have only used them in array[i]....

How can i shorten my sketch?

Here's an example of long one.
2. PImage pat1;
3. PImage pat2;
4. PImage pat3;
5. PImage pat4;
6. PImage pat5;
7. PImage pat6;
8. PImage pat7;
9. PImage pat8;
10. PImage pat9;
11. PImage pat10;
12. PImage pat11;
13. PImage pat12;
14. PImage pat13;
18. pat1 = loadImage("pattern01.png");
19. pat2 = loadImage("pattern02.png");
20. pat3 = loadImage("pattern03.png");
21. pat4 = loadImage("pattern04.png");
22. pat5 = loadImage("pattern05.png");
23. pat6 = loadImage("pattern06.png");
24. pat7 = loadImage("pattern07.png");
25. pat8 = loadImage("pattern08.png");
26. pat9 = loadImage("pattern09.png");
27. pat10 = loadImage("pattern10.png");
28. pat11 = loadImage("pattern11.png");
29. pat12 = loadImage("pattern12.png");
30. pat13 = loadImage("pattern13.png");

Making image appear and fade out with void keyPressed()

[8 Replies]
- 13-Oct-2012 09:44 PM
- Forum: Programming Questions
Hi, i'm testing something about circles fading out which are triggered by keyPressed().

I have made two sketches; one with an image fading out as time goes, the other with a short sound triggered by keyPressed().

i want to combine these two sketches, but the new sketch does not work well.

Can anybody help me?

Here's two codes;

'an image fading out as time goes'
2. PImage test13;
3. float time = 0;
4. float going = 1;
6. void setup()
7. {
8. size(500,500);
9. test13 = loadImage("pattern13.png");
10. }
12. void draw()
13. {
14. background(0);
15. time=time+going;
16. tint(255, 200-time);
17. imageMode(CENTER);
18. image(test13, width/2, height/2);
19. }
'a short sound triggered by keyPressed()'
2. /////////////setting for sound///////////////
3. import ddf.minim.*;
5. Minim minim;
7. //set names of intagers(which becomes random index for same sound values)
8. int indexHigh3;
10. //set names of sounds ([value] indicates the numbers of same sound)
11. AudioSample high3;
13. void setup()
14. {
15. size(1024, 768);
16. minim = new Minim(this);
18. // load a file, give the AudioPlayer buffers that are 512 samples long
19. high3 = minim.loadSample("3-3_1.wav", 512);
20. }
22. void draw()
23. {
24. background(0,0,75);
25. }
27. void keyPressed()
28. {
29. imageMode(CENTER);
31. if ( key == 'e' )
32. {
33. high3.trigger();
34. }
36. void stop()
37. {
38. // always close Minim audio classes when you are done with them
39. high3.close();
40. // always stop Minim before exiting
41. minim.stop();
43. super.stop();
44. }
The sound is 3-4sec long and it does not stop after releasing key 'e'.

However, when I adapt keyPressed to the first sketch, image disappears after 1 frame.(it blinks only once)
2. PImage test13;
3. float time = 0;
4. float going = 1;
6. void setup()
7. {
8. size(500,500);
9. test13 = loadImage("pattern13.png");
10. }
12. void draw()
13. {
14. background(0);
16. }
18. void keyPressed()
19. {
20. if (key == 'e')
21. {
22. time=time+going;
23. tint(255, 200-time);
24. imageMode(CENTER);
25. image(test13, width/2, height/2);
26. }
27. }
I think that the second sketch works because of trigger() from minim.

The document for minim says;

Triggers the sound to play once. Can be called again before the sound finishes playing.

Can I make my image stay and fade out even though key is released? (just like that a sound does not stop after releasing key)

I want similar effect of my second sketch, but on image not on sound.

I want to 'trigger' my image to appear and fade out by pressing key.

I think it might be possible if i create void display() or something...like class...? But I'm not sure and don't know how to make it.. I've tried it but stuck in the middle. My brain is messed up. Or should I use array? I don't know where to start....T_T

Anti-aliased images get shattered (when using PImage, loadImage() )

[7 Replies]
- 13-Oct-2012 11:37 AM
- Forum: Programming Questions
Left - original image

Right - in processing with PImage & loadImage()

Can you see the difference?

I made several PNG Images with anti-aliasing option. (in Adobe illustrator CS6)

In Finder, they have perfect smooth shapes. (Left one)

However, when I load those images in Processing, they shattered... Look at those gross pixels.

I don't resize them in Processing but this problem occurs.

What's the problem? Is there any option in Processing that I should change to load smooth images?
2. PImage pat03;
5. void setup(){
6. size(1024, 768);
8. pat03 = loadImage("pattern03.png");
9. }
11. void draw(){
12. imageMode(CENTER);
13. image(pat03, width/2, height/2);
14. }
+ When I put 'background(0,0,0);' inside void draw(), It looks much better.

What is the reason for this phenomenon? Sorry for this poor question.

Null Point Exception with color[] array..

[8 Replies]
- 12-Oct-2012 10:04 AM
- Forum: Programming Questions
I'm getting NPE problem but cannot figure out why.

Here's my code... I tweaked the code by benja.(Thanks!)
3. Circle[] circles;
6. int numCircles = 13;
7. int maxDistance; //max distance between circles when draw lines
8. int minDistance;
9. int m;
11. float bgX;
12. float bgY;
14. float randomVal;
15. float circleX;
16. float circleY;
18. PImage bg;
19. PImage bgRed;
21. color[] colors;
22. int indexColors;
23. float opa;
27. void setup() {
28. size(displayWidth, displayHeight); //size of window
29. smooth(); //draw circles with anti-aliased edge
30. m = millis();
32. bgX = (displayWidth-800)/2;
33. bgY = (displayHeight-800)/2;
35. //frameRate(15);
37. bg = loadImage("bg_trans.png");
38. bgRed = loadImage("bg_red.png");
40. float opa = random(100, 255);
42. colors[0] = color(255, 206, 0, opa); //yellow
43. colors[1] = color(255, 0, opa); // white
44. colors[2] = color(0, 58, 142, opa); //blue
45. colors[3] = color(226, 0, 0, opa); //red
46. colors[4] = color(73, 73, 73, opa); //black(gray)
48. indexColors = int(random(colors.length));
51. // create an array and fill it with circles
52. circles = new Circle[numCircles]; //create an array of circles
53. for (int i=0; i< numCircles; i++) {
54. float randomAngle = random(0, TWO_PI);
55. float randomRadius = random(20, 350); // Not too close of the center, adjust at will
56. float circleX = width/2 + cos(randomAngle) * randomRadius;
57. float circleY = height/2 + sin(randomAngle) * randomRadius;
59. println(circleX + ", " + circleY);
61. //random position in the window, random size between 5-15
62. circles[i] = new Circle(circleX, circleY, random(2, 10), colors[indexColors]);
63. }
64. }
66. void draw() {
67. // clear background
68. background(0, 0, 25);
69. tint(255, 50);
70. image(bg, bgX, bgY);
72. // tint(255, 50);
73. // image(bgRed, bgX, bgY);
76. // update and display the circles
77. for (int i=0; i< numCircles; i++) {
78. circles[i].update();
79. circles[i].display();
80. }
82. // define maximum distance
83. maxDistance = 180;
84. //minDistance =50;
86. //maxDistance =8mouseX; //manuplate lines by mouse cursor
88. // look of the lines
89. stroke(255, 130);
90. strokeWeight(0.5);
92. for (int i=0; i< numCircles; i++) {
93. // compare circle to other circles
94. for (int j=i+1; j< numCircles; j++) {
95. // draw line if distance is below 'maxDistance'
96. if (dist(circles[i].x, circles[i].y, circles[j].x, circles[j].y) < maxDistance){
97. line(circles[i].x, circles[i].y, circles[j].x, circles[j].y);
98. }
99. }
100. }
101. }
103. void mousePressed() {
104. setup();
105. }
Here's class Circle()
2. class Circle {
3. float x, y, dia, col;
5. float speed=0;
6. float gravity=0.2;
8. float fallLimit = bgY + 780; //limit y for falling stars
11. Circle(float x, float y, float dia, float col) {
12. this.x =x;
13. this.y =y;
14. this.dia = dia;
15. this.col = col;
16. }
19. //circles move slightly in their position
20. void update() {
21. // code for movement here
22. // this is just some random displacement
23. x = x + random(-0.5, 0.5);
24. y = y + random(-0.5, 0.5);
26. int m = millis();
28. speed = speed + gravity;
31. if(y < fallLimit){
32. y = y + speed;
33. }
34. if (y > fallLimit) {
35. y = fallLimit;
36. }
39. /*
40. if( get(x,y) == color(255,0,0) ){
41. y = y + speed;
42. }
43. if( get(x,y) == color(0,0,255) ){
44. y=y;
45. }
46. */
47. }
51. void display() {
52. // code for drawing the circles
53. noStroke();
54. fill(col);
55. ellipse(x, y, dia, dia);
56. }
57. }
Is there anybody can fix the problem? I'm going to crazy because of this......T_T

Want to repeat actions in void draw() and overlay my drawing on itself

[7 Replies]
- 06-Oct-2012 11:22 AM
- Forum: Programming Questions
I want to repeat some actions in void draw(), but I cannot figure out how to do it.

In my code, several balls connected by lines are created at the start of application and fall down to the ground(limit line for falling). And by mouse clicking, new balls are created and fall down again.

I want to make falling balls be accumulated on the ground, but every time I click the mouse, balls on the ground disappear and their is only new balls on my screen.

I want to repeat actions over and over.. There should be an overlay of balls which have fallen on the ground.

All I know is that I should not use setup(); in void mousePressed() because setup() erase everything and make my sketch restart. However, I don't know how to make new balls.... setup() is the only method to create new balls which I found by searching in this forum.

Here's my code;
2. Circle[] circles;
3. int numCircles = 13; //number of circles
4. int maxDistance; //max distance between circles when draw lines
5. int minDistance;
6. int m;
8. float bgX;
9. float bgY;
13. PImage bg;
15. void setup() {
16. size(displayWidth, displayHeight); //size of window
17. smooth(); //draw circles with anti-aliased edge
18. m = millis();
20. bgX = (displayWidth-800)/2;
21. bgY = (displayHeight-800)/2;
24. bg = loadImage("bg_trans.png");
26. // create an array and fill it with circles
27. circles = new Circle[numCircles]; //create an array of circles
28. for (int i=0; i< numCircles; i++) {
29. //random position in the window, random size between 5-15
30. circles[i] = new Circle(random(bgX, bgX+800), random(bgY, bgY+780), random(2, 10), random(150, 255));
31. }
32. }
34. void draw() {
35. // clear background
36. background(0, 0, 25);
37. tint(255, 50);
38. image(bg, bgX, bgY);
41. // update and display the circles
42. for (int i=0; i< numCircles; i++) {
43. circles[i].update();
44. circles[i].display();
45. }
47. // define maximum distance
48. maxDistance = 300;
49. //minDistance = 50;
51. //maxDistance = mouseX; //manuplate lines by mouse cursor
53. // look of the lines
54. stroke(255, 130);
55. strokeWeight(0.5);
57. for (int i=0; i< numCircles; i++) {
58. // compare circle to other circles
59. for (int j=i+1; j< numCircles; j++) {
60. // draw line if distance is below 'maxDistance'
61. if (dist(circles[i].x, circles[i].y, circles[j].x, circles[j].y) < maxDistance){
62. line(circles[i].x, circles[i].y, circles[j].x, circles[j].y);
63. }
64. }
65. }
66. }
69. void mousePressed() {
70. setup();
71. }
and these are about class Circle
2. class Circle {
3. float x, y, dia, opa;
5. float speed=0;
6. float gravity=0.1;
8. float fallLimit = bgY + 780; //limit y for falling stars
11. Circle(float x, float y, float dia, float opa) {
12. this.x =x;
13. this.y =y;
14. this.dia = dia;
15. this.opa = opa;
16. }
19. //circles move slightly in their position
20. void update() {
21. // code for movement here
22. // this is just some random displacement
23. x = x + random(-0.2, 0.2);
24. y = y + random(-0.2, 0.2);
26. int m = millis();
28. speed = speed + gravity;
30. if(y < fallLimit){
31. y = y + speed;
32. }
33. if (y > fallLimit) {
34. y = fallLimit;
35. }
36. }
40. void display() {
41. // code for drawing the circles
42. noStroke();
43. fill(255, opa);
44. ellipse(x, y, dia, dia);
45. }
46. }
PLEASE HELP ME.......T_T

random position in a specific area(=big circle)

[10 Replies]
- 05-Oct-2012 12:20 PM
- Forum: General Discussion
I want to put several circles(pink one) at random positions in the bigger circle(sky blue one)

Circles should not be in grey area... they should be at RANDOM POSITION IN BLUE AREA.

Is there any solution? Is this possible?

I read an article about similar subject ( http://forum.processing.org/topic/random-position-in-a-specific-area) but it does not help me because I cannot use the color value of x,y position.

The background image of my sketch is kind of picture or drawing.... So the Blue circle is something virtual and invisible.

The image abobe is what I drew roughly to explain my question. You can ignore it...

In conclusion, can i assign a specific area with big circular shape for random positions of smaller circles?

Using random(a, b), random(c, d) only gives me square area... I want circle!

I want to stop the movement of circles at designated line.

[1 Reply]
- 05-Oct-2012 12:00 PM
- Forum: Programming Questions
I made several circles which drop down from their random position, at 3 seconds after opening application.
2. if( (m > 3000) & (y < fallLimit) ){
3. y = y + speed;
4. }
5. if (y > fallLimit) {
6. y = fallLimit;
7. }
Now, their is fallLimit in y (i assigned 800 at this), so the circles stop on the invisible line on 800 y.

However, I want to stop the movement of circles at designated line, like the first image I draw.

When circles meet the curve, they should stop and stick on the line. (just like falling balls on the sticky ground)

Is this possible? Can anybody help this poor beginner?

the operator < is undefined for the argument type(s) boolean, int

[3 Replies]
- 05-Oct-2012 10:06 AM
- Forum: Programming Questions
2. Circle[] circles;
3. int numCircles = 50; //number of circles
4. int maxDistance; //max distance between circles when draw lines
5. int minDistance;
7. PImage bg;
9. void setup() {
10. size(800, 800); //size of window
11. smooth(); //draw circles with anti-aliased edge
13. bg = loadImage("bg_trans.png");
15. // create an array and fill it with circles
16. circles = new Circle[numCircles]; //create an array of circles
17. for (int i=0; i< numCircles; i++) {
18. //random position in the window, random size between 5-15
19. circles[i] = new Circle(random(width), random(height), random(2, 10), random(150, 255));
20. }
21. }
23. void draw() {
24. // clear background
25. background(0, 0, 25);
26. tint(255, 50);
27. image(bg, 0, 0);
30. // update and display the circles
31. for (int i=0; i< numCircles; i++) {
32. circles[i].update();
33. circles[i].display();
34. }
36. // define maximum distance
37. maxDistance = 120;
38. minDistance = 50;
40. //maxDistance = mouseX; //manuplate lines by mouse cursor
42. // look of the lines
43. stroke(255, 130);
44. strokeWeight(0.5);
46. for (int i=0; i< numCircles; i++) {
47. // compare circle to other circles
48. for (int j=i+1; j< numCircles; j++) {
49. // draw line if distance is below 'maxDistance'
50. if (minDistance < dist(circles[i].x, circles[i].y, circles[j].x, circles[j].y) < maxDistance){
51. line(circles[i].x, circles[i].y, circles[j].x, circles[j].y);
52. }
53. }
54. }
55. }
at line 50, error 'the operator < is undefined for the argument type(s) boolean, int' occurs.

When I wrote 'if(dist(circles[i].x, circles[i].y, circles[j].x, circles[j].y) < maxDistance){' at that line, the sketch worked.

In case of ' if((dist(circles[i].x, circles[i].y, circles[j].x, circles[j].y) > minDistance) & (dist(circles[i].x, circles[i].y, circles[j].x, circles[j].y) < maxDistance) < maxDistance){', it still does not work.

Is there anything I'm missing?

I want to connect several dots by lines.(like the main image of processing)

[6 Replies]
- 04-Oct-2012 10:56 AM
- Forum: General Discussion
It might be really easy question for all of you, but is terribly hard to me as a little beginner for processing.

I want to make a visual which looks like the main image of processing.

Like this, I hope to connect several dots by some lines.

(x and y values of dots can be random or designated.)

However, I cannot find easy example for this one.

Though I spend much time looking at examples in processing itself and finding similar sketch at www.OpenProcessing.org, I could not find it...

Of course, there are some examples which have similar visual like the image above at OpenProcessing, but those are usually interactive and complex ones.... I cannot figure out where the codes for the visual are.

(what I have found :

http://www.openprocessing.org/sketch/8857

http://www.openprocessing.org/sketch/30841

However, I cannot find the lines for creating visual in these sketches...)

I just want to look at THE EASIEST solution for the visual above. NO INTERACTION, NO COMPLEX CODES.

I guess that it would be something simple and easy....

But for me as a beginner with almost no knowledge for processing, it is really hard and perplexing...T_T

Can anybody help me? I beg your considerate advices....

Posting codes for the visual would be perfect, or giving URL of examples on OpenProcessing or other site(where I can download the file or read codes) would be great also.

PLEASE HELP ME!

Sorry for my poor English writing... English is not my mother language.^^;

Thank you for reading my question. Have a nice day!

Activity Trend