I am trying to run a sketch a processing sketch on openprocessing. However, it is not running, and I don't don;t know why. I understand it is using Minim library, but I see 'some' sketches, using minim running fine on oprnprocessing.org. How can I resolve this? 

A running version-  http://www.openprocessing.org/sketch/2271

A not running version-  http://www.openprocessing.org/sketch/102853

I found thiscode online showing bezier curves dashed line. The code shows one curve. I am using this to map on an image. Is there a way i can make 2 or more simultaneous curves from one Pvector to another. Been trying, but unsuccessfull. Few edits in there are/ might be off..Here's the code-

2. float x1, y1, x2, y2, x3, y3, x4, y4, t;
3. float bl = 0;
4. int hselected = -1;
5. 
   
6. PVector Delhi;
7. PVector Mumbai;
8. PVector Dubai;
9. PVector Chennai;
10. PVector Bangkok;
11. 
    
12. int dashlength = 10;
13. 
    
14. PImage img;
15. 
    
16. 
    
17. void setup() {
18.   size(1024, 709);
19.   img = loadImage("map2.jpg");
20.   background(0);
21.   
22.  Delhi = new PVector(427, 235);
23.  Mumbai = new PVector(169, 325);
24.  Dubai =  new PVector(36, 84 );
25.  Chennai = new PVector(219, 453 );
26.  Bangkok = new PVector(991, 433);
27.  
28.    t =0;
29.   x1 = Delhi.x;
30.   y1 = Delhi.y;
31.   x2 = 294;
32.   y2 = 75;
33.   x3 = 162;
34.   y3 = 101;
35.   x4 = Mumbai.x;
36.   y4 = Mumbai.y;
37.   noFill();
38.   
39. 
    
40. }
42. void draw() {
43.   image(img, 0 ,0);
44.   println(mouseX + "mouseY " + mouseY);
45.   
46.  // if(mouse
47. //  delhi();
48.   //mumbai();
49.   DelhiOrigin(); 
50.   
51.   if(mousePressed)
52.   if (hselected == 1) {
53.     x1 = mouseX;
54.     y1 = mouseY;
55.   } else if (hselected == 2) {
56.     x2 = mouseX;
57.     y2 = mouseY;
58.   } else if (hselected == 3) {
59.     x3 = mouseX;
60.     y3 = mouseY;
61.   } else if (hselected == 4) {
62.     x4 = mouseX;
63.     y4 = mouseY;
64.   }
65. }
66. void DelhiOrigin() {
68. stroke(0.0);
69.   strokeWeight(1.0);
70.   beginShape();
71.   vertex(x1, y1);
72.   bezierVertex(x2, y2, x3, y3, x4, y4);
73.   endShape();
74. 
    
75.   ellipse(x1,y1,10,10);
76.   ellipse(x2,y2,10,10);
77.   ellipse(x3,y3,10,10);
78.   ellipse(x4,y4,10,10);
79. 
    
80.   bl = blength(x1, y1, x2, y2, x3, y3, x4, y4);
81. 
    
82.   //find any point on the curve:
83.   t+=0.01;
84.   if(t>1) { 
85.     t=0; 
86.   }
87. 
    
88.   double mu, mum1,mum13,mu3;
89. 
    
90.   mu = t;
91.   mum1 = 1 - mu;
92.   mum13 = mum1 * mum1 * mum1;
93.   mu3 = mu * mu * mu;
94. 
    
95.   float xn = (float) ( mum13*x1 + 3*mu*mum1*mum1*x2 + 3*mu*mu*mum1*x3 + mu3*x4 );
96.   float yn = (float) ( mum13*y1 + 3*mu*mum1*mum1*y2 + 3*mu*mu*mum1*y3 + mu3*y4 );
97. 
    
98.   stroke(255.0, 0.0, 0.0);
99.   strokeWeight(5.0);
100.   point(xn, yn);
101. 
     
102.   stroke(0.0, 100.0);
103.   strokeWeight(1.0);
104. 
     
105.   //line(x1, y1, x2, y2);
106.   //line(x2, y2, x3, y3);
107.   //line(x3, y3, x4, y4);
108.   
109.   stroke(255,0,0);
110.   strokeWeight(2);
111.   float dashnum = bl/dashlength;
112.   float dx = x1;
113.   float dy = y1;
114.    float t = 0;
115.   for (int i=0; i < dashnum*2; i++) {
116.     t += 0.001;
117.     float[] p = findPositionOnBezier(x1, y1, x2, y2, x3, y3, x4, y4, t);
118.     while ( t < 1 && dist(dx,dy,p[0],p[1]) < dashlength) {
119.       t += 0.001;
120.       p = findPositionOnBezier(x1, y1, x2, y2, x3, y3, x4, y4, t);
121.     }
122.     if (t >= 1) { p[0] = x4; p[1] = y4; }
123.     if(i*0.5 == Math.round(i*0.5)) {
124.       line(dx,dy,p[0],p[1]);
125.     }
126.     dx = p[0];
127.     dy = p[1];
128.     if (t == 1) { break; }
129.   }
130. 
     
131. }
132. 
     
133. void keyPressed() {
134.   if (keyCode == 38) {
135.     if (dashlength < 40) { dashlength++; }
136.   } else if (keyCode == 40) {
137.     if (dashlength > 4) { dashlength--; }
138.   } else {
139.     System.out.println(keyCode);
140.   }
141. }
142. 
     
143. void mouseReleased() {
144.   hselected = -1;
145. }
146. 
     
147. void mousePressed() {
148.   if (dist(mouseX,mouseY,x1,y1) < 5) { 
149.     hselected = 1;
150.   } else if (dist(mouseX,mouseY,x2,y2) < 5) { 
151.     hselected = 2;
152.   } else if (dist(mouseX,mouseY,x3,y3) < 5) { 
153.     hselected = 3; 
154.   } else if (dist(mouseX,mouseY,x4,y4) < 5) { 
155.     hselected = 4; 
156.   } else { 
157.     hselected = -1; 
158.   }
159. }
160. 
     
161. float[] findPositionOnBezier(float x1,float y1,float x2,float y2,float x3,float y3,float x4,float y4, float t) {
162.   float [] out = new float[]{0,0};
163.   double mu, mum1,mum13,mu3;
164.   mu = t;
165.   mum1 = 1 - mu;
166.   mum13 = mum1 * mum1 * mum1;
167.   mu3 = mu * mu * mu;
168.   out[0] = (float) ( mum13*x1 + 3*mu*mum1*mum1*x2 + 3*mu*mu*mum1*x3 + mu3*x4 );
169.   out[1] = (float) ( mum13*y1 + 3*mu*mum1*mum1*y2 + 3*mu*mu*mum1*y3 + mu3*y4 );
170.   return out;
171. }
172. 
     
173. float blength(float x1,float y1,float x2,float y2,float x3,float y3,float x4,float y4) {
174.   float out = 0;
175.   float t = 0;
176.   float px = x1;
177.   float py = y1;
178. 
     
179.   for (int i=0; i<100; i++) {
180.     t+=(0.01);
181.     float[] p = findPositionOnBezier(x1, y1, x2, y2, x3, y3, x4, y4, t);
182.     out+=dist(px,py,p[0],p[1]);
183.     px = p[0];
184.     py = p[1];
185.   }
186.   return out;
187. }

Totally new here in jQuery. I want to bring in 'Strings'( Time to be precise) from javaScript to processing IDE. Though pomax has also done a tutorial on how to do the same. I did got his example, but i am not able to do it with this code, i found online. So when someone, selects the country(let's say china), then it should send the selected country's time, date, day etc to processing 
Can anybody please help me with this?

~asdf

I want to use this in some project and wanted to ask, how can i change the speed of the ellipse going from point A to B in the following code. 

The cubic equations (xn and yn) are from wiki.[bezierPoint() wasn't exactly helping] Search 'Bezier curves' on wiki. Anyway, Here's the code-

2. float x1, y1, x2, y2, x3, y3, x4, y4, t;
3. 
   
4. void setup() {
5.   size(200,200);
6.   
7.   t = 0;
8.   
9.   x1 = 10;
10.   y1 = 180;
11.   
12.   x2 = 50;
13.   y2 = 5;
14.   
15.   x3 = 100;
16.   y3 = 10;
17.   
18.   x4 = 180;
19.   y4 = 180;
20.   
21.   noFill();
22.   
23. }
24. 
    
25. void draw() {
26.   background(255.0);
27.   stroke(0.0);
28.   strokeWeight(1.0);
29.   beginShape();
30.   vertex(x1, y1);
31.   bezierVertex(x2, y2, x3, y3, x4, y4);
32.   endShape();
33.   
34.   //find any point on the curve:
35.   t+=0.01;
36.   if(t>1) { t=0; }
37.   
38.   double mu, mum1,mum13,mu3;
39.   
40.   mu = t;
41.    mum1 = 1 - mu;
42.    mum13 = mum1 * mum1 * mum1;
43.    mu3 = mu * mu * mu;
44.    
45.   float xn = (float) ( mum13*x1 + 3*mu*mum1*mum1*x2 + 3*mu*mu*mum1*x3 + mu3*x4 );
46.   float yn = (float) ( mum13*y1 + 3*mu*mum1*mum1*y2 + 3*mu*mu*mum1*y3 + mu3*y4 );
47.   
48.   stroke(255.0, 0.0, 0.0);
49.   strokeWeight(5.0);
50.   point(xn, yn);
51. 
    
52.   stroke(0.0, 100.0);
53.   strokeWeight(1.0);
54. 
    
55.   line(x1, y1, x2, y2);
56.   line(x2, y2, x3, y3);
57.   line(x3, y3, x4, y4);
58.   
59.   //intersecion
60.   float x12 = x1+(x2-x1)*t;
61.   float y12 = y1+(y2-y1)*t;
62.   float x23 = x2+(x3-x2)*t;
63.   float y23 = y2+(y3-y2)*t;
64.   float x34 = x3+(x4-x3)*t;
65.   float y34 = y3+(y4-y3)*t;
66.   line(x12, y12, x23, y23);
67.   line(x23, y23, x34, y34);
68.   
69.   float x123 = x12+(x23-x12)*t;
70.   float y123 = y12+(y23-y12)*t;
71.   float x234 = x23+(x34-x23)*t;
72.   float y234 = y23+(y34-y23)*t;
73.   line(x123, y123, x234, y234);
74.   
75.   stroke(255.0, 0.0, 0.0);
76.   strokeWeight(2.0);
77.   point(x123,y123);
78.   point(x234,y234);
79.   
80.   stroke(255.0, 0.0, 0.0, 100.0);
81.   strokeWeight(3.0);
82.   
83.   beginShape();
84.   vertex(x1, y1);
85.   bezierVertex(x12, y12, x123, y123, xn, yn);
86.   endShape();
87.   
88.   stroke(0.0, 255.0, 0.0, 100.0);
89.   
90.   beginShape();
91.   vertex(x4, y4);
92.   bezierVertex(x34, y34, x234, y234, xn, yn);
93.   endShape(); 
94.   
95. }

How can i place a 2D image in a 3D space with freedom to rotate/scale etc. Just as described in Jer thorp's Just landed project.

Also, important point to note here is, how will i be able to permanently cast/store the points or positions into the image(map) even after rotation. Thanks

Working with  this document file and  this 'frequency' in a week file[time.tsv] (converted to tsv) for Visualization  on an map of India.What would be the best way i should approach this particular case. Wanted to know if i am thinking in the right direction or not. Also, how can i  'cast' data to each other? 

Till now, what i have done:

1. Main tab is basically reading the tsv files. Something like -

2. Flights[] data;
3. Time[] time;
 
4.   void setup() {
5.  map = loadImage("map2.jpg");
6. ....
7. ........
8.  schedule = new Table("Indigo Flights.tsv");      ///usual "Table" class (ben fry)
9.   schedule2 = new Table("Time.tsv");
10.  // rowCount = schedule.getRowCount();
11.   data = new Flights[schedule.getRowCount()-1];    //t = schedule
12.   //println(data);
13.   
14.   String[] lines = loadStrings("Indigo Flights.tsv");
15.   
16.   println("data length is: " + data.length);
17.   for(int i = 0; i < data.length; i++) {
18.     
19.     String[] pieces = split(lines[i], TAB);
20.     
21.     data[i] = new Flights(i, pieces[0], pieces[1], pieces[2], pieces[3], pieces[4]);
22.   }
23. ......
24. 
    
25.  time =  new Time[schedule2.getRowCount()-1];
26.    String[] timelines = loadStrings("Time.tsv");
27. 
    
28.    for(int i = 0; i < time.length; i++) {
29.     String[] pieces1 = split(timelines[i], TAB);
30.     time[i] = new Time(i, pieces1[0], pieces1[1], pieces1[2], pieces1[3], pieces1[4], pieces1[5], pieces1[6], pieces1[7], pieces1[8]);
31.    }
32. }  ///// end of setup()///////

1. class Flights {
2.  Flights(int i, String FlightNumber, String Origin, String Destination, String DepartureTime, String ArrivalTime) {
3.      
4.      this.Count = i;
5.      this.FlightNumber = FlightNumber;
6.      this.Origin = Origin;
7.      this.Destination = Destination;
8.      this.DepartureTime = DepartureTime;
9.      this.ArrivalTime = ArrivalTime;
10.      
11.      Count = i+1;
12.      
13.      FlightNumber = schedule.getString(i+1, 0);
14.      Origin = schedule.getString(i+1, 1);
15.      Destination = schedule.getString(i+1, 2);
16.      DepartureTime = schedule.getString(i+1, 3);
17.      ArrivalTime = schedule.getString(i+1, 4);
18.    }
19.    
20.    
21.    void getFlightNumber() {
22.      println("Count is " + Count + "and " + FlightNumber);
23.      
24.    }
25.    
26.    void getOrigin() {
27.      int l = 10;
28.      textAlign(LEFT);
29.      println(Origin);
30.    }

I am working with this data visualization project which will be up online. Due to this, i can't use any libraries.
After going through Pomax processingjs guide, he describes how we can use a part of physics library( http://processingjs.org/articles/PomaxGuide.html )- under "Javascript objects" with JavaScript, but i couldn't get it thoroughly.  
I want to use controlP5 library features like the grouping of items(similar and different) in a drop down context and passing the 'selected' menu item.  http://code.google.com/p/controlp5/source/browse/#svn%2Fbranches%2Fcontrolp5-1.5.2%2Fsrc%2FcontrolP5 

Any help will be appreciated! 

~asdf

Since i am working on this data visualization project on an image, i wanted to ask about storing points on a map.
So, what are the ways i can store points on an image? One would be Lat-longitude method(but my data does not have not that, so can't use that).
Other would be storing each coordinate(as in x- and y- positions of the sketch window?) but that would work only with a static background image yes?
How are points stored in those projects where the whole map is also being rotated/ zoomed in n out etc. but those points on the map/image cast itself to it.

I need help with moving balls on a bezier curve. 
Taking the example from processing site itself. ( http://processing.org/learning/curves/)  I need them red dots/ellipses(the end points to move along the curve from one end point to the other). I know you can do that on spline curves but what about bezier curves

NOTE: the curve is presently on an background image, so be careful of that. 

1. void setup( ) 
2. { size(150, 150); 
3.  background(255);
4.  smooth(); 
5.  ellipse(50, 75, 5, 5); // endpoints of curve  <-- i want these ellipses to keep moving on the curve
6.  ellipse(100, 75, 5, 5);
7.  fill(255, 0, 0); 
8.  ellipse(25, 25, 5, 5); // control points 
9.  ellipse(125, 25, 5, 5); 
10.  noFill();
11.  stroke(0);
12.  bezier(50, 75, 25, 25, 125, 25, 100, 75); }

I want to draw 3D animation curves from one point in the picture( a map) to another. 

1. Can i store points in the background image? Or should i keep it static to make it simple?

2. Using curves(), how can i draw a curve from one point to another but the end point of the curve going in a slow motion towards the destination point? Also, if i draw ellipses on top of that line, how can they move through the curve?

Any advice/links/ etc will be awesome! Cheers

I need help with 'mapping' time on a line. Related to time and flights/arrival and destination time. 

For example, let's say time right now is: 15:30:00
The arrival time and the departure time are 14:00:00 and 17:30:00 respectively. As till now, for the time i have divided/splitted into H, M, and S like this-

(function inside class)-

2. void getDepartureTime() {
3.      println(DepartureTime);
4.    int p = DepartureTime.length();
5. 
   
6.   
7.    String[] H   = new String[p];
8.    String[] M = new String[p];
9.    String[] S = new String[p];
10.   
11.    int[] hours = new int[p];
12.    int[] minutes = new int[p];
13.    int[] seconds = new int[p];
14.    
15.    for(int k=0; k < p; k++) {  
16.    String[] divide = split(DepartureTime, ":");
17.     
18.     H[k]   = divide[0];
19.     M[k]   = divide[1];
20.     S[k]   = divide[2];
21.   
22.    }
23.   for(int k = 1; k < p; k++) {
24.     hours[k]   = Integer.parseInt(H[k]);
25.     minutes[k] = Integer.parseInt(M[k]);
26.     seconds[k] = Integer.parseInt(S[k]);
27.     
28.    stroke(palette[4]);
29.  //  map(hours[j], 0, 50, width/2, height);
30.  //  line(width/2, height/2, hours[j]*40, minutes[j]*50);
31.   }

 

So, if i could draw a point on a line which signifies or maps the current time with respect to Arrival and destination time. I mean the point should be somewhere around 50% of the length of the line(as per the example which we took). It's the format (HH:MM:SS), which is confusing. 

But anyway, since the project will be up on the browser as processing js. Can anybody tell me whether it has some "Java" which might not be compiled in pjs?( also which might be the reason of the project not running in browser). Here's the Table class. 

2. class Table {
3.   int rowCount;
4.   String[][] data;
5.   
6.   
7.   Table(String filename) {
8.     String[] rows = loadStrings(filename);
9.     data = new String[rows.length][];
10.     
11.     for (int i = 0; i < rows.length; i++) {
12.       if (trim(rows[i]).length() == 0) {
13.         continue; // skip empty rows
14.       }
15.       if (rows[i].startsWith("#")) {
16.         continue;  // skip comment lines
17.       }
18.       
19.       // split the row on the tabs
20.       String[] pieces = split(rows[i], TAB);
21.       // copy to the table array
22.       data[rowCount] = pieces;
23.       rowCount++;
24.       
25.       // this could be done in one fell swoop via:
26.       //data[rowCount++] = split(rows[i], TAB);
27.     }
28.     // resize the 'data' array as necessary
29.     data = (String[][]) subset(data, 0, rowCount);
30.   }
31.   
32.   
33.   int getRowCount() {
34.     return rowCount;
35.   }
36.   
37.   
38.   // find a row by its name, returns -1 if no row found
39.   int getRowIndex(String name) {
40.     for (int i = 0; i < rowCount; i++) {
41.       if (data[i][0].equals(name)) {
42.         return i;
43.       }
44.     }
45.     println("No row named '" + name + "' was found");
46.     return -1;
47.   }
48.   
49.   
50.   String getRowName(int row) {
51.     return getString(row, 0);
52.   }
53. 
    
54. 
    
55.   String getString(int rowIndex, int column) {
56.     return data[rowIndex][column];
57.   }
58. 
    
59.   
60.   String getString(String rowName, int column) {
61.     return getString(getRowIndex(rowName), column);
62.   }
63. 
    
64.   
65.   int getInt(String rowName, int column) {
66.     return parseInt(getString(rowName, column));
67.   }
68. 
    
69.   
70.   int getInt(int rowIndex, int column) {
71.     return parseInt(getString(rowIndex, column));
72.   }
73. 
    
74.   
75.   float getFloat(String rowName, int column) {
76.     return parseFloat(getString(rowName, column));
77.   }
78. 
    
79.   
80.   float getFloat(int rowIndex, int column) {
81.     return parseFloat(getString(rowIndex, column));
82.   }
83.   
84.   
85.   void setRowName(int row, String what) {
86.     data[row][0] = what;
87.   }
88. 
    
89. 
    
90.   void setString(int rowIndex, int column, String what) {
91.     data[rowIndex][column] = what;
92.   }
93. 
    
94.   
95.   void setString(String rowName, int column, String what) {
96.     int rowIndex = getRowIndex(rowName);
97.     data[rowIndex][column] = what;
98.   }
99. 
    
100.   
101.   void setInt(int rowIndex, int column, int what) {
102.     data[rowIndex][column] = str(what);
103.   }
104. 
     
105.   
106.   void setInt(String rowName, int column, int what) {
107.     int rowIndex = getRowIndex(rowName);
108.     data[rowIndex][column] = str(what);
109.   }
110. 
     
111.   
112.   void setFloat(int rowIndex, int column, float what) {
113.     data[rowIndex][column] = str(what);
114.   }
115. 
     
116. 
     
117.   void setFloat(String rowName, int column, float what) {
118.     int rowIndex = getRowIndex(rowName);
119.     data[rowIndex][column] = str(what);
120.   }  
121.   
122.   //void setTime(int rowIndex, int colomn, float 
123. }

i am working on this data visualization project, and its like 40% done. Well, i suddenly realized about my code being not so efficient since functions are called from functions and similar trails.

1. void setup() {
2. ......
3. ....
4. .....
5. schedule = new Table("asdf.tsv");
6. setupMain();
7. }
8. void setupMain() {
10. NumberOfRows = lines.length;
11. .....
12. ...........
13.   
14.   FlightNumber  = new String[NumberOfRows];  //initializing arrays
15.   Origin        = new String[NumberOfRows];
16.   Destination   = new String[NumberOfRows];
17.   Frequency     = new String[NumberOfRows];
18.   DepartureTime = new String[NumberOfRows];
19.   ArrivalTime   = new String[NumberOfRows];
20.   placeIndices  = new HashMap();
21. ..........
22. ..........
24. setupTime(DepartureTime);    // Separate Functions
25.   setupOrigin(Origin);
26.   setupDestination(Destination);
27.   setupFrequency(Frequency);
28. }       <--- End of setupMain()
29. 
    
30. setupTime(String[] DepartureTime) {
31. ....
32. ....
33. }
34. 
    
35. void draw() {
36. ...
37. }
38. 
    
39. 
    

Well, in the javascript mode, the code runs fine in chrome when i execute from the processing IDE(using the 'play' button). But, when i click on 'Export Application' and then open the HTML file in chrome, it gives me nothing. #using no libraries, nothing.

I mean its the same thing. :|

Well i am having problem.

Firstly, what i want to do: Data visualization of the data in Excel sheet.

Problem: Since i can't use Excel sheet directly with processing(without a library), i am converting it into .tsv format.

Now if you have a look at the Excel sheet:  https://docs.google.com/spreadsheet/ccc?key=0ArEPqjLtnMeQdFlqZlVoNWRlN1E4bFlFT3lUMmJPYkE#gid=0

you ll see that there are empty cells also. Now would that be a problem, if i just convert it into tsv from Excel and use it with processing? (i am referring to Ben Fry's Visualizing Data by the way for the code).

Thanks

I am using minim library in a project in eclipse(java), which is creating sounds. What i wanna do is send these sounds to max msp through 'jack'  http://jackaudio.org/ where i can process the sound/add effects to the sound through the max msp. Well the problem i am having is, i can't find the output sending line or whatever,in the minim library(inside my project), like where exactly am i suppose to change it's output? So that it can go to jack, and then to max msp...I did see the minim documentation(but that i can't relate :( .. I think it might be in the following , maybe, if not lemme know.., please help immediately....