Processing Forum

Screen name:
bulbil

bulbil's Profile

1 Posts

1 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Another java to .js troubleshooting question ...

[3 Replies]
- 13-Jan-2013 09:01 PM
- Forum: Processing with Other Languages
I realize there are a number of conversion questions already floating around but I can't seem to find an existing question for my problem. Any pointers at all would be super helpful.

I'm trying to find out what part of my code javascript doesn't like. The java works fine but the .js just pulls up a blank white box that I can't debug.

My best guess is that it has to do with the RiTa library I import, the use of fonts (.vlw), the use of a data (.txt) file or the use of a class in a separate file -- though I don't know enough about the translation process to really test any of the above.

Again, any help you can throw my way would be so appreciated. Thanks!
1. import rita.*;
2. import controlP5.*;
4. // initializes variables / instances of classes
5. ControlP5 cp5;
6. CheckBox checkbox1, checkbox2;
7. Slider slider1, slider2;
8. boolean filterBool = false;
9. int sliderMin, prevMin = 0;
10. int sliderMax, prevMax = 11;
11. PFont font1, font2, font3;
12. State nowState;
13. // from kuler
14. color[] topColors = {color(0,114,187),
15. color(217,61,4),
16. color(18,43,59),
17. color(191,107,4),
18. color(0,36,59),
19. color(242,203,3),
20. color(4,191,173),
21. color(59,144,198),
22. color(242,226,5),
23. color(0,83,136)};
24. String[] months = {"Sep", "Nov", "Oct", "Dec", "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug"};
25. String[] genre = {"school", "personal", "academic", "creative"};
26. // consolidates the states of the checkboxes
27. boolean[] genreBool = {true, true};
28. // window settings
29. void setup() {
31. size(800, 600);
32. background(color(255));
33. smooth();
35. font1 = loadFont("CenturySchoolbook-Italic-48.vlw");
36. font2 = loadFont("ArialMT-24.vlw");
37. hint(ENABLE_NATIVE_FONTS);
39. cp5 = new ControlP5(this);
41. //max slider
42. cp5.addSlider("slider1", 0, 11, 11, 55, 425, 450, 10)
43. .setColorBackground(color(255))
44. .setColorForeground(color(0))
45. .setColorActive(color(0))
46. .setNumberOfTickMarks(12)
47. .setLabelVisible(false)
48. .showTickMarks(false)
49. .setSliderMode(Slider.FLEXIBLE)
50. ;
52. // min slider
53. cp5.addSlider("slider2", 0, 11, 0, 55, 450, 450, 10)
54. .setColorBackground(color(255))
55. .setColorForeground(color(0))
56. .setColorActive(color(0))
57. .snapToTickMarks(true)
58. .setNumberOfTickMarks(12)
59. .showTickMarks(false)
60. .setLabelVisible(false)
61. .setSliderMode(Slider.FLEXIBLE)
62. ;
64. // first set of checkboxes
65. cp5.addCheckBox("checkbox1")
66. .setPosition(100, 530)
67. .setColorBackground(color(0))
68. .setColorForeground(color(0))
69. .setColorActive(color(255))
70. .setSize(15, 15)
71. .setSpacingRow(15)
72. .addItem("email_school", 0)
73. .addItem("email_personal", 50)
74. .hideLabels()
75. .activateAll()
76. ;
78. // toggles whether to apply common word filter
79. cp5.addToggle("toggleValue",735,35,15,15)
80. .setColorForeground(color(255))
81. .setColorBackground(color(0))
82. .setColorLabel(color(255))
83. .setColorActive(color(255))
84. .setLabelVisible(false)
85. ;
87. // an instance of the display class, with the data file passed to it
88. nowState = new State("data/a2_emails2.txt");
89. nowState.update();
90. }
92. void backgroundElements() {
93. int xpos = 0;
94. stroke(0);
96. // title
97. fill(0);
98. textFont(font2, 20);
99. text("MY YEAR IN WORDS", 50, 50);
100. line(50, 60, 500, 60);
102. // oftenest
103. textFont(font2, 14);
104. text("OFTENEST", 75, 125);
105. line(75, 135, 175, 135);
107. // rarest
108. text("RAREST", 325, 125);
109. line(325, 135, 425, 135);
111. // longest
112. text("LONGEST", 500, 125);
113. line(500, 135, 600, 135);
115. // total
116. text("/ unique", 690, 545);
117. textAlign(RIGHT);
118. text("total /", 690, 570);
119. textAlign(LEFT);
120. // probability barchart
121. line(549, 375, 550, 200);
122. line(549, 376, 750, 376);
124. text("PROBABILITY OF OFTENEST", 550, 400);
126. textFont(font1,15);
127. fill(color(0,114,187));
128. text("in this range", 550, 425);
130. fill(color(150));
131. text("across whole range", 550, 440);
133. //bottom decorative line
134. line(50, 400, 500, 400);
136. // slider meta
137. fill(0);
138. for(int i=0; i < months.length; i++){
139. line(60 + xpos, 442, 60 + xpos, 437);
140. textFont(font2, 14);
141. text(months[i], 50 + xpos, 500);
142. xpos += 40;
143. }
145. text("max", 20, 435);
146. text("min", 20, 450);
148. // checkbox labels
149. text("email:", 50, 540);
150. text("school", 120, 540);
151. text("personal", 120, 570);
153. fill(255);
154. rect(100, 530, 15, 15);
155. rect(100, 560, 15, 15);
157. // decorating the filter toggle
158. fill(0);
159. textFont(font1,15);
160. textAlign(RIGHT);
161. text("exclude common", 730, 45);
162. text("words", 730, 60);
163. textAlign(LEFT);
165. fill(255);
166. rect(735,35,15,15);
168. }
170. // describes the class that involves a particular display state based on the slider and checkbox inputs
171. class State {
173. //all the variables for a single state of the display
174. String filename;
175. String longest;
177. int minFreq, counter, index;
178. int unique;
179. int total;
181. String[] topten = new String[10];
182. String[] rarest = new String[10];
183. int[] barlength = new int[10];
184. Float[] probsHi = new Float[10];
185. Float[] probsHiTtl = new Float[10];
187. //instantiates the handy Table class I stole from Ben Fry
188. Table table;
189. //class constructor
190. State(String n){
191. filename = n;
192. }
194. void update(){
196. // all the variables for each update
197. String [] activeGenre = {"0", "0","0","0"};
198. // common words based on top 100 most common words according to the Oxford Corpus (http://oxforddictionaries.com/words/the-oec-facts-about-the-language)
199. // words not included are those less than three letters long and the top ten most common (both sets of words are removed
200. // with the Python script I wrote to clean the data)
201. String[] igWords = {"look", "people", "will",
202. "was", "your", "but",
203. "are", "about", "not",
204. "from", "new", "can", "let", "edu"};
205. // second library of email specific words that are common
206. // String[] igWords2 = {"school", "love", "send",
207. // "wrote", "hope", "thanks",
208. // "http", "edu", "new", "pdf"};
210. // these RiConcorder instances are the core to the whole program
211. RiConcorder rc = new RiConcorder();
212. RiConcorder ttl = new RiConcorder();
213. // adds an ignore array
215. if(filterBool){
216. rc.setWordsToIgnore(igWords);
217. ttl.setWordsToIgnore(igWords);
218. }
220. table = new Table(filename);
222. // checks to make sure the sliderMin is not too high
223. sliderMin = (sliderMin > sliderMax) ? sliderMax : sliderMin;
225. // checks to see whether any checkboxes are checked
226. if(!genreBool[0] && !genreBool[1]){
227. for(int i = 0; i<10; i++){
228. topten[i] = "";
229. rarest[i] = "";
230. barlength[i] = 0;
231. probsHi[i] = 0.0;
232. probsHiTtl[i] = 0.0;
233. }
234. unique = 0;
235. total = 0;
236. longest = "";
238. }else{
240. // resets the longest word
241. longest = " ";
243. // sets the active genres according to the checked boxes
244. for(int i = 0; i < 2; i++){
245. if(genreBool[i]){activeGenre[i] = genre[i];}
246. }
247. // this is the heart of it, nested loops to test for active month and genre states
248. for (int i = 0; i < table.getRowCount(); i++){
249. // creates an RiConcorder for every word to get total probabilities later
250. ttl.addWord(table.getString(i,4));
251. for(int k = sliderMin; k <= sliderMax; k++){
252. // the range of months active
253. if(table.getString(i,2).contains(months[k])){
254. // the active genres
255. if(table.getString(i,0).contains(activeGenre[0]) || table.getString(i,0).contains(activeGenre[1])){
256. longest = (longest.length() < table.getString(i,4).length()) ? table.getString(i,4) : longest;
257. rc.addWord(table.getString(i,4));
258. }
259. }
260. }}
261. // gets the top ten most common words
262. topten = rc.getMostCommonTokens(10);
263. // the top ten least common according to the RiConcorder algorithm
264. rarest = rc.getLeastCommonTokens(10);
265. // totals
266. total = rc.totalCount();
267. unique = rc.uniqueCount();
269. // sets the frequencies and probabilities for the top ten
270. for (int i = 0; i < 10; i++){
271. barlength[i] = rc.getCount(topten[i]);
272. probsHi[i] = rc.getProbability(topten[i]);
273. probsHiTtl[i] = ttl.getProbability(topten[i]);
274. }
275. // clears the model
276. rc.clear();
277. ttl.clear();
278. // for(int i = 0; i < activeGenre.length; i++){activeGenre[i] = "";}
280. }}
281. // uses the update values to draw elements
282. void display() {
284. int ypos = 0;
285. int xpos = 0;
286. // draws top ten most frequently used words from the selected subset and time range
287. fill(0);
289. for (int i = 0; i < 10; i++){
290. textFont(font1,15);
291. text(nowState.topten[i],75, 163 + ypos);
292. ypos += 20;
293. }
295. // draws longest
296. fill(0);
297. textFont(font1,15);
298. text(nowState.longest, 500, 163);
300. // draws rarest
301. ypos = 0;
302. for (int i = 0; i < 10; i++){
303. text(nowState.rarest[i],325, 163 + ypos);
304. ypos += 20;
305. }
307. // draws total
308. textAlign(RIGHT);
309. text(nowState.unique, 680, 545);
310. textAlign(LEFT);
312. // draws uniqe total
313. text(nowState.total, 700, 570);
315. // draws frequency bars
316. ypos = 0;
317. for (int i = 0; i < nowState.barlength.length; i++){
318. fill(topColors[i]);
319. noStroke();
320. rect(150, 150 + ypos,nowState.barlength[i]/5, 15);
321. ypos += 20;
322. }
324. // draws the probability bars in this range
325. xpos = 0;
326. for(int i = 0; i < nowState.probsHi.length-1; i++){
327. fill(topColors[i]);
328. float x1 = 560 + xpos;
329. float y1 = 375 - (probsHi[i] * 3000);
330. rect(x1, y1, 10, 375 - y1);
331. xpos += 20;
332. }
333. // for the whole range
334. xpos = 0;
335. for(int i = 0; i < nowState.probsHiTtl.length-1; i++){
336. fill(150);
337. float x1 = 565 + xpos;
338. float y1 = 375 - (probsHiTtl[i] * 3000);
339. rect(x1, y1, 10, 375 - y1);
340. xpos += 20;
341. }
342. }}
344. // function that updates in case slider values change -- because of quirks in the ControlP5 library
345. // necessary in order to get the sliders to dynamically refresh the display
346. void slideUpdate(){
347. if (prevMax != sliderMax || prevMin != sliderMin){nowState.update();}
348. prevMin = sliderMin;
349. prevMax = sliderMax;
350. }
351. //sets sliderMax from slider1
352. void slider1(int a){
353. sliderMax = a;
354. slideUpdate();
355. }
357. //sliderMin from slider2
358. public void slider2(int a){
359. sliderMin = a;
360. slideUpdate();
361. }
363. //sets the booleans for active genres -- makes more sense when I had the other set of checkboxes active
364. void checkbox1(float[] a) {
365. genreBool[0] = (a[0] == 1.0) ? true : false;
366. genreBool[1] = (a[1] == 1.0) ? true : false;
367. nowState.update();
368. }
369. //whether or not to filter common words
370. void toggleValue(boolean theFlag) {
371. filterBool = theFlag;
372. nowState.update();
373. }
375. void draw() {
377. background(255);
378. backgroundElements();
379. nowState.display();
380. }

«Prev
Next »