Processing Forum

AudioVisual Collaboration

[2 Replies]
- 24-May-2013 10:16 AM
- Forum: Events and Opportunities
I'm interested in possibly working with a Processing artist that would like to collaborate with me. I make computer music and I have a few abstract sound compositions that I would like to mix with some Processing visuals. I have a few ideas for the aesthetic look of the visuals and I think it would be really interesting to see the output. I have been learning Processing on and off but my skills aren't there yet. So, if anyone has some time for an art collaboration, send me a message.

Procedural to OOP

[9 Replies]
- 04-Sep-2012 11:33 AM
- Forum: Programming Questions
My first attempt at converting a procedural program to OOP is not behaving as it should. I can't pinpoint what's wrong with the code, but I suspect the class I wrote is at fault somewhere. Is it the way I called/setup the mouseClicked function?

Procedural version.
2. float x = 40;
3. float y = 40;
5. int bxW = 60;
6. int bxH = 60;
8. boolean rectClicked = false;
9. float moveX = 2;
11. int countClick = 0;
14. ///////////////////////////////
16. void setup() {
18. size(700, 600);
19. smooth();
20. noStroke();
22. }
24. ///////////////////////////////////////
26. void draw() {
28. background(255);
29. box1();
30. emptyRect();
31. }////////////////////////////// end draw
35. //----------- functions -----------
37. /////////////////////////////////////////
38. void box1 () {
40. // draw the square
41. fill(#7178E5);
42. noStroke();
43. rect(x, y, bxW, bxH);
46. if (rectClicked) {
48. countClick = 1;
50. x += moveX;
52. if (x>= 400) {
54. x = 400;
55. moveX = - moveX;
56. }
58. if (x<=40) {
60. x = 40;
61. moveX = - moveX;
62. }
63. }
65. else {
66. countClick = 0;
67. x = 40;
68. }
69. }
70. ////////////////////////////////
71. void emptyRect() {
72. //empty rect
73. stroke(#3C3D40);
74. fill(255, 15);
75. rect(40, 40, 60, 60);
76. }
77. //////////////////////////////////
80. void mouseClicked() {
81. box1MouseClick();
82. }
84. ///////- box1 mouse click functions ///////////
86. void box1MouseClick() {
87. if ((mouseX>42) && (mouseX<=99) && (mouseY >44) && (mouseY<99)) {
89. rectClicked = true;
90. }
92. if ((countClick >= 1) && (mouseX>42) && (mouseX<=99) && (mouseY >44) && (mouseY<99)) {
93. rectClicked = false;
94. }
95. }
OOP version:
2. /////////globals //////////
5. boolean rectClicked = false;
6. int countClick = 0;
8. /////////////////////////
12. class Boxen {
16. float x;
17. float y;
19. int bxW;
20. int bxH;
21. float speedX;
23. int startX;
24. int endX;
25. int startY;
26. int endY;
27. ///////////////////////////////////
28. Boxen() {
30. x = 40;
31. y = 40;
32. bxW = 60;
33. bxH = 60;
34. speedX = 2;
35. }
36. ////////////////////////////////////
37. void displayBoxen() {
38. fill(#7178E5);
39. noStroke();
40. rect(x, y, bxW, bxH);
41. }
43. void moveBoxen() {
44. if (rectClicked) {
46. countClick = 1;
48. x += speedX;
50. if (x>= 400) {
52. x = 400;
53. speedX = - speedX;
54. }
56. if (x<=40) {
58. x = 40;
59. speedX = - speedX;
60. }
61. }
62. else {
63. countClick = 0;
64. x = 40;
65. }
66. }
67. /////////// mouseClick function ///////////
69. void mouseClicked(int tempStartX, int tempEndX, int tempStartY, int tempEndY ) {
71. startX = tempStartX;
72. endX = tempEndX;
73. startY = tempStartY;
74. endY = tempEndY;
75. //////////////////
76. // First Square X: Parameters: 42, 99
77. // 1st Square Y Parameters: 44, 99
78. //
79. //
80. //
81. //
82. ////////////////////
84. if ((mouseX>startX) && (mouseX<=endX) && (mouseY >startY) && (mouseY<endY)) {
86. rectClicked = true;
87. }
89. if ((countClick >= 1) && (mouseX>startX) && (mouseX<=endX) && (mouseY >startY) && (mouseY<endY)) {
90. rectClicked = false;
91. }
92. }
98. }/// end class
103. Boxen myBoxen;
106. void setup() {
108. size(700,600);
109. background(255);
110. smooth();
111. noStroke();
112. myBoxen = new Boxen();
114. }
117. void draw(){
119. myBoxen.displayBoxen();
120. myBoxen.mouseClicked(42,99,44,99);
121. myBoxen.moveBoxen();
123. emptyRect();
125. }
128. //////////// other function ////////////
130. void emptyRect()
131. {
132. stroke(#3C3D40);
133. fill(255, 15);
134. rect(40, 40, 60, 60);
136. }

mouseClicked on certain rects

[6 Replies]
- 21-Aug-2012 10:13 AM
- Forum: Programming Questions
How would I go about making mouseClicked only work when clicking on certain rects/objects. I have one square right now that works when the mouse gets clicked, but later on I would like to add more squares and have each one only move when the mouse gets clicked within that square. I'm thinking functions, but not sure how to implement this. If there is a cruder way to accomplish this without functions, that's ok too.

float x, x1, x2, x3, x4, x5, x6 = 40;

float y = 40;

int bxW = 60;

int bxH = 60;

boolean rectClicked = false;

float moveX = 2;

///////////////////////////////

void setup() {

size(700, 600);

smooth();

noStroke();

x = 40;

}

///////////////////////////////////////

void draw() {

background(255);

// draw the ball

fill(#7178E5);

noStroke();

rect(x, y, bxW, bxH);

if (rectClicked) {

x += moveX;

}

if (x>= 400) {

x = 400;

moveX = - moveX;

}

if (x<=40) {

x = 40;

moveX = - moveX;

}

//empty rect

stroke(#3C3D40);

fill(255, 15);

rect(40, 40, 60, 60);

}

///////////objects functions /////////

void mouseClicked() {

rectClicked = true;

}

Reversing a while loop animation?

[5 Replies]
- 08-Aug-2012 09:38 AM
- Forum: Programming Questions
I've been trying to figure out how to make this sine wave animation go backwards smoothly after it hits the bottom of the processing window. I've tried a while loop that decreases 'y' by 1 when 'y' is greater than height, but it just gets frozen. I basically want the animation to go up/down smoothly. How can I make the animation go in reverse when it reaches the bottom and vice versa?
2. float time = 0;
4. void setup() {
5. size(550, 550);
6. // smooth();
7. background(100, 200, 50);
8. }
10. void draw() {
12. background(#B72C2C);
13. stroke(#F7EBEB);
16. float x = 0;
17. float y = 0;
19. while (x< width) {
20. stroke(255);
21. y = 10 +10*sin(x/20 )*time;
22. point(x, y );
23. x = x + .1;
24. }
28. time = time +.5;
32. println(y);
33. println(time);
34. }

Activity Trend