Dear all,


Today I wanted to export my GPS reader to JAVASCRIPT + HTML, for placing it online. When I export to HTML with 2.0 stable version, the html doesn't load the sketch. 

I know it has something to do with: " locationTable = new Table("gps.csv"); ", but I cannot load the csv before the setup.

Who has experience with this? 

Hope you can help me out a bit.

here's the whole sketch including the csv:

http://we.tl/wsCOVgTDrr

2. float mapGeoTop = 59;  //LAT
3. float mapGeoBottom = 55; // lAT
4. float mapGeoLeft = 10;  //LON
5. float mapGeoRight = 0;   //LON
6. 
   
7. int counter;
8. int counter2;
9. 
   
10. int mapScreenWidth = width;
11. int mapScreenHeight = height; 
12. 
    
13. Table locationTable;
14. int rowCount;
15. 
    
16. 
    
17. PFont font;
18. 
    
19. 
    
20. void setup() {
21.   size(1000, 800, P3D);
22.   font = createFont("Georgia", 24);
23.   textFont(font, 24);
24.   locationTable = new Table("gps.csv");  // or .csv 
25. 
    
26.   rowCount = locationTable.getRowCount();
27. 
    
28.   mapScreenWidth = width;
29.   mapScreenHeight = height; 
30. smooth();
31. }
32. 
    
33. 
    
34. void draw() {
35. 
    
36.   background(255);
37. noStroke();
38. 
    
39.      counter2 = counter2+1;
40. 
    
41.   if(counter2  == 10){
42.   if(counter<rowCount){
43.     counter = counter+1;
44.   }
45.   
46.   counter2 = 0;
47.   }
48.   
49.   
50.   
51.   
52.     beginShape();
53. 
    
54.   for (int row = 0; row < rowCount; row++) {
55. 
    
56.     float x = (locationTable.getFloat(row, 1));     
57.     float y = (locationTable.getFloat(row, 0));       
58.     
59.     //  float x = map(locationTable.getFloat(row, 0), mapGeoRight, mapGeoLeft, 0, width);
60.     //   float y = map(locationTable.getFloat(row, 1), mapGeoTop, mapGeoBottom, 0, height);
61. 
    
62.     PVector p = geoToPixel(new PVector(x, y));
63.     //text( locationTable.getString(row, 1), p.x+4,p.y+4);     
64. 
    
65.          fill(0,locationTable.getFloat(row, 0));
66.     ellipse(p.x, p.y, locationTable.getFloat(row, 2)/2.5, locationTable.getFloat(row, 2)/2.5);
67.        fill(255);
68.     ellipse(p.x, p.y, 16, 16);
69.  
70.         fill(0);
71.     ellipse(p.x, p.y, 12, 12);
72.       fill(255);
73.     ellipse(p.x, p.y, 8, 8);
74.     fill(0);
75.     ellipse(p.x, p.y, 4, 4);
76.     noFill();
77. float t = map(mouseX, 0, width, -5, 5);
78. //  curveTightness(t);
79.  //  curveVertex(p.x, p.y);
80.   }
81.   endShape();
82.   
83.   
84. 
    
85.   
86. }
87. 
    
88. 
    
89. 
    
90. // =========================================================================
91. 
    
92. 
    
93. class Table {
94.   int rowCount;
95.   String[][] data;
96.   Table(String filename) {
97.     String[] rows = loadStrings(filename);
98.     data = new String[rows.length][];
99.     for (int i = 0; i < rows.length; i++) {
100.       if (trim(rows[i]).length() == 0) {
101.         continue; // skip empty rows
102.       }
103.       if (rows[i].startsWith("#")) {
104.         continue;  // skip comment lines
105.       }
106.       // split the row on the tabs
107.       String[] pieces = split(rows[i], ',');
108.       // copy to the table array
109.       data[rowCount] = pieces;
110.       rowCount++;
111.       // this could be done in one fell swoop via:
112.       //data[rowCount++] = split(rows[i], TAB);
113.     }
114.     // resize the 'data' array as necessary
115.     data = (String[][]) subset(data, 0, rowCount);
116.   }
117.   int getRowCount() {
118.     return rowCount;
119.   }
120.   // find a row by its name, returns -1 if no row found
121.   int getRowIndex(String name) {
122.     for (int i = 0; i < rowCount; i++) {
123.       if (data[i][0].equals(name)) {
124.         return i;
125.       }
126.     }
127.     println("No row named '" + name + "' was found");
128.     return -1;
129.   }
130.   String getRowName(int row) {
131.     return getString(row, 0);
132.   }
133.   String getString(int rowIndex, int column) {
134.     return data[rowIndex][column];
135.   }
136.   String getString(String rowName, int column) {
137.     return getString(getRowIndex(rowName), column);
138.   }
139.   int getInt(String rowName, int column) {
140.     return parseInt(getString(rowName, column));
141.   }
142.   int getInt(int rowIndex, int column) {
143.     return parseInt(getString(rowIndex, column));
144.   }
145.   float getFloat(String rowName, int column) {
146.     return parseFloat(getString(rowName, column));
147.   }
148.   float getFloat(int rowIndex, int column) {
149.     return parseFloat(getString(rowIndex, column));
150.   }
151.   void setRowName(int row, String what) {
152.     data[row][0] = what;
153.   }
154.   void setString(int rowIndex, int column, String what) {
155.     data[rowIndex][column] = what;
156.   }
157.   void setString(String rowName, int column, String what) {
158.     int rowIndex = getRowIndex(rowName);
159.     data[rowIndex][column] = what;
160.   }
161.   void setInt(int rowIndex, int column, int what) {
162.     data[rowIndex][column] = str(what);
163.   }
164.   void setInt(String rowName, int column, int what) {
165.     int rowIndex = getRowIndex(rowName);
166.     data[rowIndex][column] = str(what);
167.   }
168.   void setFloat(int rowIndex, int column, float what) {
169.     data[rowIndex][column] = str(what);
170.   }
171.   void setFloat(String rowName, int column, float what) {
172.     int rowIndex = getRowIndex(rowName);
173.     data[rowIndex][column] = str(what);
174.   }
175. }
176. 
     
177. 
     
178. 
     
179. public PVector geoToPixel(PVector geoLocation)
180. {
181.   return new PVector(mapScreenWidth*(geoLocation.x-mapGeoLeft)/
182.     (mapGeoRight-mapGeoLeft), mapScreenHeight -
183.     mapScreenHeight*(geoLocation.y-mapGeoBottom)
184.     /(mapGeoTop-mapGeoBottom));
185. }

Kind regards,

Joshua