Processing Forum

Swapping colors in midi sketch

[4 Replies]
- 18-Jan-2012 02:15 PM
- Forum: Contributed Library Questions
Hi guys, I'm still working on this piece of code, I was wondering if anyone could tell me how to change between colors in this sketch. When I strike a note it draws in as I want, however it just continues to draw in continuously, and I've been trying to get it display white (or not at all) if the note is not down.
Here is the code;
2. //Original sketch 'rwMidi_Droplets'
3. //Source: http://krazydad.com/processing_music/
5. import rwmidi.*; //Import the library
7. MidiOutput myOutput; // The MidiBus
8. MidiInput myInput;
10. boolean midiThru = false; // echo all received midi in messages to the midi out device
12. int maxNotes = 128;
14. class MNote {
16. long startTime;
17. int pitch;
18. int velocity;
19. boolean isOn = false;
21. MNote(int pitch) {
22. this.pitch = pitch;
23. }
25. void init(int pitch, int velocity)
26. {
27. int start = millis();
29. this.pitch = pitch;
30. this.velocity = velocity;
31. this.isOn = true;
32. }
34. void render()
35. {
36. if (!isOn)
37. return;
39. float a = 100;
40. int currentTime = millis();
41. int rotation = 50000;
43. float rot = (currentTime%rotation)* PI*2 / rotation;
44. float elapsed = (millis() - startTime)*.001;
45. float hueV = (this.pitch % 12) / 12.0;
46. float lum = constrain(1+pow(elapsed/4,2), .05, 1);
47. float sat = lum;
49. noStroke();
51. fill(hueV,sat,lum,20);
52. for (int i = 0; i < 1; ++i) {
53. ellipse(sin(rot)*(pitch*4-3*i)+screen.width/2,
54. cos(rot)*(pitch*4-3*i)+screen.height/2,2,2);
57. }
58. }
59. }
62. void setup() {
63. size(screen.width,screen.height);
64. colorMode(HSB, 1);
65. background(0,0,99);
67. println("INPUT");
68. MidiInputDevice idevices[] = RWMidi.getInputDevices();
69. for (int i = 0; i < idevices.length; i++) {
70. println(i + ": " + idevices[i].getName());
71. }
73. println("OUTPUT");
74. MidiOutputDevice odevices[] = RWMidi.getOutputDevices();
75. for (int i = 0; i < odevices.length; i++) {
76. println(i + ": " + odevices[i].getName());
77. }
81. // MODIFY THIS FOR YOUR MIDI SETUP
82. // Parent In Out
83. // | | |
84. myOutput = odevices[1].createOutput();
85. myInput = idevices[1].createInput();
86. myInput.plug(this);
88. smooth();
90. for (int i = 0; i < maxNotes; ++i) {
91. notes[i] = new MNote(i);
92. }
93. }
96. MNote[] notes = new MNote[128];
98. void draw() {
99. //background(0,0,99);
100. for (int i = 0; i < maxNotes; ++i) {
101. notes[i].render();
102. }
103. }
105. void noteOnReceived(Note note) {
106. // Receive a noteOn
107. int pitch = note.getPitch();
108. int velocity = note.getVelocity();
109. int channel = 0;
110. println("Note On : ch=" +channel+" pitch="+pitch+" velocity="+velocity);
111. if (midiThru) {
112. myOutput.sendNoteOn(channel, pitch, velocity); // Send a Midi noteOn
113. }
114. notes[pitch].init(pitch, velocity);
115. }
117. void noteOffReceived(Note note) {
118. int pitch = note.getPitch();
119. int velocity = note.getVelocity();
120. int channel = 0;
121. // Receive a noteOff
122. // println("Note Off: ch=" +channel+" pitch="+pitch+" velocity="+velocity);
123. if (midiThru) {
124. myOutput.sendNoteOff(channel, pitch, velocity); // Send a Midi noteOn
125. }
126. notes[pitch].isOn = false;
127. }
129. void programChangeReceived(ProgramChange pc)
130. {
131. }
133. void sysexReceived(SysexMessage sm) {
134. }
136. void controllerChangeReceived(Controller c) {
137. int number = c.getCC();
138. int value = c.getValue();
139. int channel = 0;
140. // Receive a controllerChange
141. // println("Ctrl Ch : ch=" +channel+" number="+number+" value="+value);
142. if (midiThru) {
143. myOutput.sendController(channel, number, value); // Send a controllerChange
144. }
145. }
Any help would be greatly appreciated, I'm completely stuck I've been trying to crack this code for weeks now and I'm pretty much at my wits end... I'm sure its probably a relatively quick fix as well, I just can't figure it out.

Thanks

Draw in visual for as long as midi note is held

[3 Replies]
- 15-Dec-2011 08:52 PM
- Forum: Contributed Library Questions
Hi guys, I'm currently working on editing a piece of code from http://krazydad.com/processing_music/ I've managed to get it working roughly how I wanted, but there's a few gripes I'm thus far unable to get my head around.

This is what I'm struggling with;

1; I want the visual to draw in for however long I hold a note on my midi keyboard

2; I don't want the visual to disappear when I strike the note for a second time

Here's the code I'm working with, once again many thanks to Jim (KrazyDad) for the original code!
2. import rwmidi.*; //Import the library
4. MidiOutput myOutput; // The MidiBus
5. MidiInput myInput;
7. boolean midiThru = false; // echo all received midi in messages to the midi out device
9. int maxNotes = 128;
12. class MNote {
13. long startTime;
14. float ax;
15. float ay;
16. float bx;
17. float by;
18. float cx;
19. float cy;
20. float dx;
21. float dy;
22. float ex;
23. float ey;
24. float fx;
25. float fy;
26. float gx;
27. float gy;
28. float hx;
29. float hy;
30. float initRad;
31. float weight;
32. float kMinVelocity = 10;
33. float kMaxVelocity = 100;
34. float a = 100;
35. int pitch;
36. int velocity;
39. boolean isOn = false;
41. MNote(int pitch) {
42. this.pitch = pitch;
43. }
45. void init(int pitch, int velocity)
46. {
47. startTime = millis();
48. int rotation = 50000;
49. int currentTime = millis();
50. float m = (currentTime%rotation)* PI*2 / rotation; //creates motion
52. this.ax = (sin(m)*a+screen.width/2);
53. this.ay = (cos(m)*a+screen.height/2);
54. this.bx = (sin(m)*(a+40)+screen.width/2);
55. this.by = (cos(m)*(a+40)+screen.height/2);
56. this.cx = (sin(m)*(a+80)+screen.width/2);
57. this.cy = (cos(m)*(a+80)+screen.height/2);
58. this.dx = (sin(m)*(a+120)+screen.width/2);
59. this.dy = (cos(m)*(a+120)+screen.height/2);
60. this.ex = (sin(m)*(a+160)+screen.width/2);
61. this.ey = (cos(m)*(a+160)+screen.height/2);
62. this.fx = (sin(m)*(a+200)+screen.width/2);
63. this.fy = (cos(m)*(a+200)+screen.height/2);
64. this.gx = (sin(m)*(a+240)+screen.width/2);
65. this.gy = (cos(m)*(a+240)+screen.height/2);
66. this.hx = (sin(m)*(a+280)+screen.width/2);
67. this.hy = (cos(m)*(a+280)+screen.height/2);
69. this.pitch = pitch;
70. this.velocity = velocity;
71. this.isOn = true;
72. }
74. void render()
75. {
76. if (!isOn)
77. return;
79. float hueV = (this.pitch % 12) / 12.0;
80. float lum = constrain(1+pow(4,2), .05, 1);
81. float sat = lum;
83. noStroke();
85. fill(hueV,sat,lum,20);
86. ellipse(ax,ay,40,40);
88. fill(hueV,sat,lum,20);
89. ellipse(bx,by,40,40);
91. fill(hueV,sat,lum,20);
92. ellipse(cx,cy,40,40);
94. fill(hueV,sat,lum,20);
95. ellipse(dx,dy,40,40);
97. fill(hueV,sat,lum,20);
98. ellipse(ex,ey,40,40);
100. fill(hueV,sat,lum,20);
101. ellipse(fx,fy,40,40);
103. fill(hueV,sat,lum,20);
104. ellipse(gx,gy,40,40);
106. fill(hueV,sat,lum,20);
107. ellipse(hx,hy,40,40);
109. }
110. }

Re-coding this into an array?

[3 Replies]
- 14-Dec-2011 03:52 PM
- Forum: Programming Questions
Hi guys I'm currently working on mocking up some visuals for a project I'm working on, I'm relatively new to processing, so I'm doing everything in a very round about way. I'm trying to re-code the current piece of code so each motion comes from an array (so I can add additional motions with relative ease), but I'm finding doing so a touch confusing, I've done a few example from learning processing, but they're not really helping!
2. int start;// start time
3. int time = 0; //time
4. int rotation = 10000; //time taken to draw one rotation
5. color c1 = color(45,0,100,50); //red
6. color c2 = color(90,0,100,50); //orange
7. color c3 = color(135,0,100,50); //yellow
8. color c4 = color(180,0,100,50); //light green
9. color c5 = color(225,0,100,50); //green
10. color c6 = color(270,0,100,50); //teal
11. color c7 = color(315,0,100,50); //blue
12. color c8 = color(360,0,100,50); //purple
13. color change = color(2,1,1,0);
16. void setup(){
17. noStroke();
18. colorMode(HSB, 360,100,100);
19. for (int i = 0; i < 100; i++) {
20. for (int j = 0; j < 100; j++) {
21. stroke(i, j, 100);
22. point(i, j);
23. }
24. }
25. size(900,650); // canvas size
26. smooth();
27. background(0,0,100); //background
28. start=millis(); //open the Serial myPort
30. }
31. void draw(){
32. //1st motion
33. float a = 100;
35. int currentTime = millis();
36. float m = (currentTime%rotation)* PI*2 / rotation; //creates motion
38. //set the x,y coords for the visual
39. float ax = (sin(m)*a+width/2);
40. float ay = (cos(m)*a+height/2);
42. noStroke();
43. fill(c1); //red
44. ellipse(ax, ay,20,20); // draws an ellipse
45. c1 = c1 - change;
47. //2nd motion
48. float b = 120; //radius
49. float bx = (sin(m)*b+width/2);
50. float by = (cos(m)*b+height/2);
52. noStroke();
53. fill(c2); //orange
54. ellipse(bx,by,20,20);
55. c2 = c2 - change;
57. //3rd motion
58. float c = 140; //radius
59. float cx = (sin(m)*c+width/2);
60. float cy = (cos(m)*c+height/2);
62. noStroke();
63. fill(c3); //yellow
64. ellipse(cx,cy,20,20);
65. c3 = c3 - change;
68. //4th motion
69. float d = 160; //radius
70. float dx = (sin(m)*d+width/2);
71. float dy = (cos(m)*d+height/2);
73. noStroke();
74. fill(c4); //light green
75. ellipse(dx,dy,20,20);
76. c4 = c4 - change;
78. //5th motion
79. float e = 180; //radius
80. float ex = (sin(m)*e+width/2);
81. float ey = (cos(m)*e+height/2);
83. noStroke();
84. fill(c5); //green
85. ellipse(ex,ey,20,20);
86. c5 = c5 - change;
88. //6th motion
89. float f = 200; //radius
90. float fx = (sin(m)*f+width/2);
91. float fy = (cos(m)*f+height/2);
93. noStroke();
94. fill(c6); //teal
95. ellipse(fx,fy,20,20);
96. c6 = c6 - change;
98. //7th motion
99. float g = 220; //radius
100. float gx = (sin(m)*g+width/2);
101. float gy = (cos(m)*g+height/2);
103. noStroke();
104. fill(c7); //blue
105. ellipse(gx,gy,20,20);
106. c7 = c7 - change;
108. //8th motion
109. float h = 240; //radius
110. float hx = (sin(m)*h+width/2);
111. float hy = (cos(m)*h+height/2);
113. noStroke();
114. fill(c8); //purple
115. ellipse(hx,hy,20,20);
116. c8 = c8 - change;
117. }
I'm re-coding it as we speak, but I'm not entirely sure what I need to define and where! if anyone could point me in the right direction that'd be great! I've been smashing my head off the table for hours trying to figure it out. :(

Edit: I realize the colors are wrong. >_>;

Midi triggered visuals

[2 Replies]
- 18-Nov-2011 12:18 AM
- Forum: Programming Questions
Hi guys, I've been at Processing for a couple of months now, and I realize there's been quite a lot of posts about this in the past, but from what I've seen I can't find too much about how to actually get processing to communicate with midi data.

I essentially want to create two sketches, one which I can run live through a midi keyboard, and one which I can run a midi track through to create a static visual when the track ends. I've been looking at midi libraries (rwmidi and promidi), but I'm not really sure which one is best. I think once I have processing actually receiving midi data I should be able to code the rest myself, but I'm a little lost as to how I can achieve this.

Does anyone have any suggestions/tutorials/examples that might be able to point me in the right direction?

Many thanks!

EDIT: I realised as I posted that this is most likely in the wrong section, I do apologise!

Activity Trend