Processing Forum

saveFrame() only capturing Background Image

[14 Replies]
- 09-Mar-2013 05:01 PM
- Forum: Programming Questions
I'm having an issue with background image, when I save a frame. The background image is all that shows.
The saveframe() works fine when I use a plain white background though.
2. import ddf.minim.*;
3. import ddf.minim.analysis.*;
4. PFont font;
5. PImage bg;
7. final static byte FPS = 60;
8. final static int maxDots = 300;
9. final static int maxCircles = 4;
10. final static int maxCircleSize = 1200;
11. final static ArrayList<PVector> dotList = new ArrayList<PVector>();
12. final static ArrayList<PVector> targetPosList = new ArrayList<PVector>();
13. final static ArrayList<PVector> currentPos = new ArrayList<PVector>();
14. final static ArrayList<PVector> circleList = new ArrayList<PVector>();
15. final static ArrayList<PVector> targetCircleList = new ArrayList<PVector>();
16. final static ArrayList<PVector> circleCurrentPos = new ArrayList<PVector>();
17. float distance;
19. Minim minim;
20. AudioPlayer player;
21. BeatDetect beat;
22. FFT fft;
24. void setup() {
26. bg = loadImage("gradient.jpg");
27. size(displayWidth, displayHeight, OPENGL);
28. smooth(4);
29. noCursor();
30. frameRate(FPS);
31. minim = new Minim(this);
32. player = minim.loadFile("testmp3.mp3");
33. player.play();
34. fft = new FFT(player.bufferSize(), player.sampleRate());
35. fft.logAverages(60, 7);
36. font = loadFont("AktivGrotesk-Bold-48.vlw");
37. textFont(font, 32);
39. for (int i = 0; i < maxCircles ; i++) {
41. circleList.add (new PVector( random(0, width), random(0, height), random(600, maxCircleSize) ));
42. circleCurrentPos.add(new PVector( circleList.get(circleList.size()-1).x, circleList.get(circleList.size()-1).y));
43. targetCircleList.add (new PVector( random(0, width), random(0, height) ));
44. }
46. }
48. boolean sketchFullScreen() {
49. return true;
50. }
52. void connectPoints()
53. {
54. stroke(0, 40);
55. strokeWeight(1.75);
57. for (int i = dotList.size()-1; i > 0; i--) {
59. for (int z = dotList.size()-1; z > 0; z--) {
61. distance = dist(currentPos.get(i).x, currentPos.get(i).y, currentPos.get(z).x, currentPos.get(z).y);
63. if (distance < 70) {
65. line(currentPos.get(i).x, currentPos.get(i).y, currentPos.get(z).x, currentPos.get(z).y);
66. }
67. }
68. }
69. }
73. void draw() {
75. background(bg);
77. fill(255);
78. text("I Giorni - Ludivico Einaudi", 30, height - 45);
80. fft.forward(player.mix);
81. int dotAmount = round(constrain(map(fft.getAvg(15), 0, 20, 0, maxDots), 0, maxDots));
82. float circleSize = map(fft.getAvg(4), 0, 20, 0.94, 1);
83. float circleAlpha = constrain(map(fft.getAvg(4), 0, 20, 7, 20), 0, 20);
84. int circleAmount = round(constrain(map(fft.getAvg(4), 0, 3, 0, maxCircles), 0, maxCircles));
85. int amt = dotAmount/maxDots;
86. float speedMagnitude = lerp(0.0006, 0.0024, amt);
88. for (int i = dotList.size()-1; i > 0; i--) {
90. currentPos.get(i).x = currentPos.get(i).x + (dotList.get(i).x - targetPosList.get(i).x)*speedMagnitude;
91. currentPos.get(i).y = currentPos.get(i).y + (dotList.get(i).y - targetPosList.get(i).y)*speedMagnitude;
92. // point(currentPos.get(i).x, currentPos.get(i).y );
93. }
95. for (int i = circleList.size()-1; i > 0; i--) {
97. stroke(0, 0);
98. fill(0, circleAlpha);
99. circleCurrentPos.get(i).x = circleCurrentPos.get(i).x + (circleList.get(i).x - targetCircleList.get(i).x)*(speedMagnitude/4);
100. circleCurrentPos.get(i).y = circleCurrentPos.get(i).y + (circleList.get(i).y - targetCircleList.get(i).y)*(speedMagnitude/4);
102. ellipse(circleCurrentPos.get(i).x, circleCurrentPos.get(i).y, circleList.get(i).z*circleSize, circleList.get(i).z*circleSize);
103. }
107. connectPoints();
110. for (int i = dotList.size()-1; i > 0; i--) {
112. if (
114. currentPos.get(i).x > width ||
115. currentPos.get(i).x < 0 ||
116. currentPos.get(i).y > height ||
117. currentPos.get(i).y < 0) {
118. currentPos.remove(i);
119. dotList.remove(i);
120. targetPosList.remove(i);
121. }
122. }
124. for (int i = circleList.size()-1; i > 0; i--) {
126. if (
128. circleCurrentPos.get(i).x > width+1400 ||
129. circleCurrentPos.get(i).x < 0-1400 ||
130. circleCurrentPos.get(i).y > height+1400 ||
131. circleCurrentPos.get(i).y < 0-1400) {
132. circleCurrentPos.remove(i);
133. circleList.remove(i);
134. targetCircleList.remove(i);
135. circleList.add (new PVector( dotList.get(i).x, dotList.get(i).y, random(400, maxCircleSize) ));
136. circleCurrentPos.add(new PVector( dotList.get(dotList.size()-1).x, dotList.get(dotList.size()-1).y));
137. targetCircleList.add (new PVector( targetPosList.get(i).x, targetPosList.get(i).y ));
138. }
139. }
141. int dotsDifference = dotAmount - dotList.size();
142. int circleDifference = circleAmount - circleList.size();
145. for (int i = 0; i < dotsDifference; i++) {
147. dotList.add (new PVector( random(0, width), random(0, height) ));
148. currentPos.add(new PVector( dotList.get(dotList.size()-1).x, dotList.get(dotList.size()-1).y));
149. targetPosList.add (new PVector( random(width), random(height) ));
150. }
153. for(int i = 0; i < player.bufferSize() - 1; i++)
154. {
155. strokeWeight(6);
156. stroke(255, 100);
157. float x1 = map(i, 0, player.bufferSize(), 0, width);
158. float x2 = map(i+1, 0, player.bufferSize(), 0, width);
159. line(x1, (height/2) + player.mix.get(i)*50, x2, (height/2) + player.left.get(i+1)*50);
160. }
161. }
163. void mousePressed() {
165. saveFrame("output-####.tga");
166. }

Rotation round the Centre not 0,0

[2 Replies]
- 09-Mar-2013 08:29 AM
- Forum: Programming Questions
Hey, I'm having trouble with my rotation sketch. It's part of an audio reactive one I'm making but I've just attached the basic one for now. When it rotates, it moves round the top left corner rather than them all rotating round the centre.
You may need to move your mouse around to find the points at first.

Any ideas on how to fix this?
3. PFont font;
5. final static byte FPS = 30;
6. final static int maxDots = 700;
7. final static ArrayList<PVector> dotList = new ArrayList<PVector>();
8. final static ArrayList<PVector> targetPosList = new ArrayList<PVector>();
9. final static ArrayList<PVector> currentPos = new ArrayList<PVector>();
10. float distance;
11. PVector center;
14. void setup() {
16. size(displayWidth, displayHeight, OPENGL);
17. smooth(6);
18. noCursor();
19. background(255);
20. frameRate(FPS);
21. strokeWeight(1);
22. font = createFont("Arial Bold",48);
23. center = new PVector(displayWidth/2, displayHeight/2);
24. stroke(0);
25. }
27. boolean sketchFullScreen() {
28. return true;
29. }
32. void draw() {
34. background(-1);
35. textFont(font, 36);
36. fill(200);
37. // text(int(frameRate),20,60);
39. for (int i = dotList.size()-1; i > 0; i--) {
40. float a = atan2(mouseY - center.y, mouseX - center.x);
41. float nx, ny;
42. float sinAngle = sin(a);
43. float cosAngle = cos(a);
46. currentPos.get(i).x = currentPos.get(i).x + (dotList.get(i).x - targetPosList.get(i).x)*0.008;
47. currentPos.get(i).y = currentPos.get(i).y + (dotList.get(i).y - targetPosList.get(i).y)*0.008;
49. nx = currentPos.get(i).x * cosAngle - currentPos.get(i).y * sinAngle;
50. ny = currentPos.get(i).x * sinAngle + currentPos.get(i).y * cosAngle;
51. strokeWeight(5);
52. stroke(255, 0, 0);
54. point(nx, ny);
57. }
59. for (int i = dotList.size()-1; i > 0; i--) {
60. if (currentPos.get(i).x > width ||
61. currentPos.get(i).x < 0 ||
62. currentPos.get(i).y > height ||
63. currentPos.get(i).y < 0) {
64. currentPos.remove(i);
65. dotList.remove(i);
66. targetPosList.remove(i);
67. }
68. }
71. for (int i = 0; i < 2; i++) {
72. dotList.add (new PVector( random(0, width), random(0, height) ));
73. currentPos.add(new PVector( dotList.get(dotList.size()-1).x, dotList.get(dotList.size()-1).y));
74. targetPosList.add (new PVector( random(width), random(height) ));
75. }
77. // println(dotList.size());
78. }
Cheers

Gradual Movement within a For Loop

[12 Replies]
- 28-Feb-2013 03:32 PM
- Forum: Programming Questions
Hi, I was trying to create a sketch where a point moves over to another random point. I've used lerp and a for loop but this is all done instantly. How do I make the movement gradual whilst still using a for loop. I'm stumped, especially working out a way of doing this to all the points simultaneously.
Cheers
int dotAmount = 5;

PVector[] dotList = new PVector[dotAmount];

PVector[] oldDotList = new PVector[dotAmount];

float distance;

void setup()

{



size(800, 600);

background(255);

stroke(0);

strokeWeight(3);

createDotList();

newDotList();

dotMorph();



}

void createDotList()

{



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



float randomX = random(0, 800);

float randomY = random(0, 600);



dotList[i] = new PVector (randomX, randomY);



point(dotList[i].x, dotList[i].y);



}



arrayCopy(dotList, oldDotList);



}

void newDotList()

{



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



float randomX = random(0, 800);

float randomY = random(0, 600);



dotList[i] = new PVector (randomX, randomY);

}



println(oldDotList[1]);

println(dotList[1]);

}

void dotMorph()

{



for (int z = 0; z <= 10; z++) {



float pointX = lerp(dotList[1].x, oldDotList[1].x, z/10.0);

float pointY = lerp(dotList[1].y, oldDotList[1].y, z/10.0);

println(pointX);

point(pointX, pointY);



}

}

Accessing an Array outside a For Loop

[7 Replies]
- 25-Feb-2013 04:02 PM
- Forum: Programming Questions
Hey, I'm trying to write a sketch where I join up the points that make up a circle to get a wireframe effect.
However I can't access the array outside the for loop. Is there a better way of doing this?
2. float radius=50;
3. int numPoints=20;
4. float angle=TWO_PI/(float)numPoints;
5. float x, y;
6. float[] pointsX, pointsY;
8. void setup() {
10. size(300, 300);
12. for(int i=0;i<numPoints;i++) {
14. float[] pointsX = new float[numPoints];
15. float[] pointsY = new float[numPoints];
16. x = radius*sin(angle*i) + width/2;
17. pointsX[i] = x;
18. y = radius*cos(angle*i) + height/2;
19. pointsY[i] = y;
20. point(x , y);
22. }
24. }
Cheers

Creating Complex Shapes

[4 Replies]
- 24-Feb-2013 03:53 PM
- Forum: Core Library Questions
I've been playing around with Minim, and used it to create a visualiser however I'd like it to look a lot more interesting.

I found this: https://vimeo.com/24133373
Although I've found tutorials on creating small 3D objects, but how would I go about creating something like this that would still be reactive to the FFT from minim.

Cheers

Activity Trend