Processing Forum

Screen name:
blobbybarack
Blog:
http://blobbybarack.blogspot.com/
Twitter Link:
http://twitter.com/BlobbyBarack

blobbybarack's Profile

3 Posts

8 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Control P5 and class number change : Out of bound.

[7 Replies]
- 10-Oct-2011 07:10 AM
- Forum: Contributed Library Questions
hi everybody,
could you give some help with this problem ?

you can grab the sketch and source files here

The problem :

Is this sketch, i ve have some problem to update the sprites amount with control P5.

I don't think that the problem comes not from ControlP5 but more from my code.

I have no idea how to fix this now.

thanks for you time and help.

here i've disable everything related to Kinect, you need osx and Shiffman kinect library to play with).

Problem append with lines 76-78 and 193-195 when changing "amount" variable using Control P5.
2. //////////////IMPORT//////////////
3. //////////////Kinect//////////////
4. /*import org.openkinect.*;
5. import org.openkinect.processing.*;
6. KinectTracker tracker;// kinect class
7. Kinect kinect;// Kinect Library object*/
8. //////////////Open Gl//////////////
9. import processing.opengl.PGraphicsOpenGL;
10. import javax.media.opengl.GL;
11. PGraphicsOpenGL pgl;
12. GL gl;
13. //////////////Control P5//////////////
14. import controlP5.*;
15. ControlP5 controlP5;
16. ColorPicker cp;
18. //////////////VARIABLES//////////////
19. //////////////Sprites Maker Variables //////////////
20. //Sprite animation 1
21. int framenumber1 = 45;//Total frame number in the source animation1
22. int SZ1 = 200; //Original sprite size (Have to be Square)
23. PImage spriteSheet1;// the animation on 1 picture
24. PImage sprite1[];//the animation in "framenumber11" pictures
25. int sheetresolutionX1=9;//row in sheet 1
26. int sheetresolutionY1=5;//columms in sheet 1
27. //Sprite animation 2
28. int framenumber2 = 45;//Total frame number in the source animation1
29. int SZ2 = 200; //Original sprite size (Have to be Square)
30. PImage spriteSheet2;// the animation on 1 picture
31. PImage sprite2[];//the animation in "framenumber11" pictures
32. int sheetresolutionX2=9;//row in sheet 2
33. int sheetresolutionY2=5;//columms in sheet 2
34. //Sprite animation 3
35. int framenumber3 = 45;//Total frame number in the source animation1
36. int SZ3 = 200; //Original sprite size (Have to be Square)
37. PImage spriteSheet3;// the animation on 1 picture
38. PImage sprite3[];//the animation in "framenumber11" pictures
39. int sheetresolutionX3=9;//row in sheet 3
40. int sheetresolutionY3=5;//columms in sheet 3
42. //////////////System Variables//////////////
43. int fps=24; //Frames Second
44. float speed=2; // sprites speed
45. float speedvar=speed*.1; //sprites speed variation
46. int amount=20;// sprite number
47. float repuls = 3; // repulsion effect
48. float spritescale =1 ;//scale multplier
49. character ch[];//create frames caontainer
50. //PVector v1;//Kinect mapping to screen
51. //float tgy2=0;//Kinect mapping to screen
52. boolean mode = true;//Redraw background ON/OFF
57. //////////////
58. //////////////SETUP//////////////
59. void setup() {
60. //////////////Window
61. size(1280,720, OPENGL);//Setup window and render mode
62. //////////////OGL Graphics
63. pgl = (PGraphicsOpenGL) g;
64. gl = pgl.gl;
65. gl.setSwapInterval(1);
66. //////////////Interface
67. controlP5 = new ControlP5(this);//Call P5
68. controlP5.setColorLabel(0xffdddddd); //Tweak P5 font color
69. //cp = controlP5.addColorPicker("picker",0,640,255,20);//make color picker
70. controlP5.addSlider("fps",1,60,0,686,100,20);//make fps slider
71. controlP5.addSlider("amount",1,200,600,686,100,20);//make amount slider
72. controlP5.addSlider("spritescale",0.1,1.2,300,686,100,20);//make sprite scale slider
73. controlP5.addToggle("mode",true,0,617,40,40);//make mode toggle
74. //////////////Setup character objects
75. imageMode(CENTER);// center pivot
76. ch = new character[amount];//
77. for (int i = 0; i < amount; i++)
78. ch[i] = new character();
79. //////////////Make animation 1
80. //Import Sprite sequence 1
81. spriteSheet1 = loadImage("Sheet_high.png"); //Sheet file name.
82. //divide sheet into frames for animation 1
83. sprite1 = new PImage[framenumber1];
84. int cnt = 0;
85. for (int y1 = 0; y1 < sheetresolutionY1; y1++)
86. for (int x1 = 0; x1 < sheetresolutionX1; x1++)
87. sprite1[cnt++] = spriteSheet1.get(x1*SZ1, y1*SZ1, SZ1, SZ1);
89. //////////////Make animation 2
90. //Import Sprite sequence 2
91. spriteSheet2 = loadImage("Sheet_high.png"); //Sheet file name.
92. //divide sheet into frames for animation 1
93. sprite2 = new PImage[framenumber2];
94. int cnt2 = 0;
95. for (int y2 = 0; y2 < sheetresolutionY2; y2++)
96. for (int x2 = 0; x2 < sheetresolutionX2; x2++)
97. sprite2[cnt2++] = spriteSheet2.get(x2*SZ2, y2*SZ2, SZ2, SZ2);
99. //////////////Make animation 3
100. //Import Sprite sequence 3
101. spriteSheet3 = loadImage("Sheet_high.png"); //Sheet file name.
102. //divide sheet into frames for animation 1
103. sprite3 = new PImage[framenumber3];
104. int cnt3 = 0;
105. for (int y3 = 0; y3 < sheetresolutionY3; y3++)
106. for (int x3 = 0; x3 < sheetresolutionX3; x3++)
107. sprite3[cnt3++] = spriteSheet3.get(x3*SZ3, y3*SZ3, SZ3, SZ3);
109. //Kinect
110. /*kinect = new Kinect(this);
111. tracker = new KinectTracker();*/
112. }
115. //////////////
116. //////////////DRAW//////////////
117. void draw() {
120. // Run the tracking analysis
121. //tracker.track();
122. // Show the image
123. //tracker.display();
125. if(mode==true) {
126. background(20,40,60);}//Draw or Not the background
128. for (int i = 0; i < amount; i++)
129. ch[i].check();
133. // Display Fps
134. //fill(200);
135. //text(int(frameRate)+"fps", width-40, height-10);
136. //if (key == 's' || key == 'S') saveFrame("blobbysprite_##.png");//saveframe
137. //Kinect target
138. // Let's draw the raw location
139. /*PVector v1 = tracker.getPos();
140. v1.x=map(v1.x,0,640,0,width);
141. v1.y=map(v1.y,0,350,0,height);
142. fill(255, 255, 139);
143. noStroke();
144. ellipse(v1.x,v1.y,20,20);
145. Display some info
146. int t = tracker.getThreshold();
147. fill(0);
148. text("threshold: " + t + " " + "framerate: " + (int)frameRate + " " + "UP increase threshold, DOWN decrease threshold",10,500);*/
150. }
151. ///Kinect set Threshold
152. /*void keyPressed() {
153. int t = tracker.getThreshold();
154. if (key == CODED) {
155. if (keyCode == UP) {
156. t+=5;
157. tracker.setThreshold(t);
158. }
159. else if (keyCode == DOWN) {
160. t-=5;
161. tracker.setThreshold(t);
162. }
163. }
164. }*/
167. //////////////
168. //////////////CLASS//////////////
169. class character {
171. PVector pos, dir;//characters position
172. int frame1;
173. int frame2;
174. int frame3;
175. float spd;
176. float spriteselect;
177. character() {
179. pos = new PVector(int(random(100)), int(random(100)));//birth spread
180. dir = new PVector(random(1), random(1));//birth rotation
181. frame1 = int(random(framenumber1));//random do an offet on each animation for animation 1
182. frame2 = int(random(framenumber1));//random do an offet on each animation for animation 2
183. frame3 = int(random(framenumber1));//random do an offet on each animation for animation 3
184. spd = random(speedvar) + speed; //speed and speed variation
185. spriteselect=random(3);//switch between animations
187. }
190. void check() {
192. //////////////check other characters
193. for (int i=0; i<amount; i++)
194. if (ch[i] != this)
195. if (pos.dist(ch[i].pos) < repuls) {
196. PVector dir2 = PVector.sub(pos, ch[i].pos);
197. dir2.normalize();
198. dir2.mult(spd);
199. dir2.div(8);
200. dir.add(dir2);
201. }
202. //////////////check mouse or Kinect
203. //With Kinect
204. /*PVector tg =tracker.getPos();
205. tgx2=map(tg.x,0,640,0,screen.width);
206. tgy2=map(tg.y,0,350,0,screen.height);
207. PVector m = new PVector(tgx2, tgy2);*/
208. //With Mouse
209. PVector m = new PVector(mouseX, mouseY);//create mouse vector
210. if (pos.dist(m) > repuls) {
211. PVector dir2 = PVector.sub(m, pos);
212. dir2.normalize();
213. dir2.mult(spd);
214. dir2.div(repuls);
215. dir.add(dir2);
216. }
217. //////////////draw character
218. dir.normalize();
219. frameRate(fps);
220. dir.mult(spd*3);
221. pos.add(dir);
222. if (frame1 >= framenumber1) frame1 = 0; //create the loop for animation 1
223. if (frame2 >= framenumber2) frame2 = 0; //create the loop for amimation 2
224. if (frame3 >= framenumber3) frame3 = 0; //create the loop for animation 3
226. pushMatrix();
227. translate(pos.x, pos.y);
228. rotate(atan2(dir.y, dir.x) + HALF_PI);
229. scale(spritescale);
231. if (spriteselect<=1){image(sprite1[frame1++], 0, 0);};
232. if ((spriteselect>1) && (spriteselect<=2)){image(sprite2[frame2++], 0, 0);};
233. if (spriteselect>2){image(sprite3[frame3++], 0, 0);};
235. popMatrix();
236. }
237. }
238. //////////////Save Frame
239. void keyReleased() {
240. if (key == 's' || key == 'S') saveFrame(timestamp()+"_##.png");
245. }
248. ////////////// timestamp for Save Frame
249. String timestamp() {
250. Calendar now = Calendar.getInstance();
251. return String.format("%1$ty%1$tm%1$td_%1$tH%1$tM%1$tS", now);
252. }
253. //////////////Kinect stop.
254. /*void stop() {
255. tracker.quit();
256. super.stop();*/
257. //}*/

performance with animated sprites

[2 Replies]
- 04-Oct-2011 05:43 PM
- Forum: Programming Questions
hello everybody.
Do you have any idea how to optimize animated sprites in this sketch.

On a i5 MacBookPro i get 15-20 fps with 100 Sprites ( if i remove smooth();).

how to get 200 Sprites at the same framerate or more (using vector input ? pgraphics ? something completly different ?)

you can grab source and data here

thanks for your help.
3. //Original Code from :
4. //http://www.openprocessing.org/visuals/?visualID=38104
6. //////////////
7. //////////////Variables//////////////
8. //Sprites Maker Variables
9. int framenumber = 45;//Total frame number in the source animation
10. int SZ = 150; //Original sprite size (Have to be Square)
11. PImage spriteSheet;// the animation on 1 picture
12. PImage sprite[];//the animation in "framenumber" pictures
13. int sheetresolutionX=9;//
14. int sheetresolutionY=5;//
15. //System Variables
16. float speed=1; // sprites speed
17. float speedvar=speed*.2; //sprites speed variation
18. int amount=50;// sprite number
19. float repuls = 5; // repulsion effect
20. character ch[];
21. PFont font;
22. //////////////
23. //////////////Setup//////////////
24. //Main
25. void setup() {
26. size(640,320,JAVA2D);
27. smooth();//Make Fps drop.
28. frameRate(24);
29. imageMode(CENTER);// center pivot
30. font = createFont("Arial Bold",50);//import font
31. //setup character objects
32. ch = new character[amount];
33. for(int i = 0; i < amount; i++)
34. ch[i] = new character();
35. //Import Sprite sequence
36. spriteSheet = loadImage("Sheet.png"); //Sheet file name.
37. //divide sheet into frames
38. sprite = new PImage[45];
39. int cnt = 0;
40. for (int y = 0; y < sheetresolutionY; y++)
41. for (int x = 0; x < sheetresolutionX; x++)
42. sprite[cnt++] = spriteSheet.get(x*SZ, y*SZ, SZ, SZ);
44. }
46. //////////////
48. //////////////Draw//////////////
49. void draw() {
50. background(16,103,143);
51. for(int i = 0; i < amount; i++)
52. ch[i].check();
53. // Display Fps
54. fill(200);
55. text(int(frameRate)+"fps",width-40,height-10);
56. //if (key == 's' || key == 'S') saveFrame("blobbysprite_##.png");//saveframe
57. }
58. //////////////
59. //////////////CLASS//////////////
61. class character {
62. PVector pos, dir;
63. int frame;
64. float spd;
66. character() {
67. pos = new PVector(int(random(width)), int(random(height)));
68. dir = new PVector(random(2), random(2));
69. frame = int(random(framenumber));//random do an offet on each animation
70. spd = random(speedvar) + speed;
71. }
73. void check() {
74. //check other characters
75. for (int i=0; i<amount; i++)
76. if (ch[i] != this)
77. if (pos.dist(ch[i].pos) < repuls) {
78. PVector dir2 = PVector.sub(pos, ch[i].pos);
79. dir2.normalize();
80. dir2.mult(spd);
81. dir2.div(8);
82. dir.add(dir2);
83. }
84. //check mouse
85. PVector m = new PVector(mouseX, mouseY);
87. if (pos.dist(m) > repuls) {
88. PVector dir2 = PVector.sub(m, pos);
89. dir2.normalize();
90. dir2.mult(spd);
91. dir2.div(repuls);
92. dir.add(dir2);
93. }
94. //draw character
95. dir.normalize();
96. dir.mult(spd*3);
97. pos.add(dir);
98. if (frame >= framenumber) frame = 0; //create the loop
99. pushMatrix();
100. translate(pos.x, pos.y);
101. rotate(atan2(dir.y, dir.x) + HALF_PI);
102. image(sprite[frame++], 0, 0);
103. popMatrix();
104. }
106. }
//////////////

Sprites animation time offset ?

[8 Replies]
- 29-Sep-2011 07:02 PM
- Forum: Programming Questions
Hi Processing Forum,
this is my first post and i start with a question.
I'm working on animated sprites and flocking sketch.

Since few days i'm trying to code a software to do in real time like in this video. Here, i'm using after effects with some expressions in motion script).

Nursery

Mister Cool

Flying domobile

Roaster

As a starting point for the software, i took this really cool sketch uploaded by Cinchbug.

http://www.openprocessing.org/visuals/?visualID=38104

This code's working like a charm. I'm using my own sheets, i add some P5Control and Kinect Control...

Everything is ok but i want to change the sprites time randomly.

Not complete random frames but just a delay between every sprite animation loop.

In the Cinchbug applet you can see that every guys are synchronize, i don't want synchronization. Look at my videos to see what i mean.

I don't have any idea how to code this. Everything i try fail in this case but i guess the problem can be fix here (i could be wrong).
3. pushMatrix();
4. translate(pos.x, pos.y);
6. image(sprite[heartbeat++], 0, 0);
7. popMatrix();
9. //make the loop for a 10 frames animation
10. if (heartbeat >= 10) heartbeat = 0;
Do you have any idea how to fix this ?

Thanks for your help

«Prev
Next »