Processing Forum

drawing a vertex from an array

[2 Replies]
- 08-Mar-2011 08:59 AM
- Forum: Programming Questions
Hi!
I have a rather simple question. Unfortunately I cannot manage to get it myself.

Below is the simplified code of a sketch I have.

I would like to draw a shape from an array. So far so good.

But why can't I fill the shape and close it?

What am I doing wrong?

I tried this with both vertex and line.

Any help would be appreciated!
2. float[] coordinatesX = {
3. 30,85,85,30
4. };
6. float[] coordinatesY = {
7. 20,20,75,75
8. };
11. void setup() {
12. size(800,800);
13. smooth();
14. background(255);
15. }
16. void draw() {
17. stroke(0);
18. fill(0);
20. for (int i = 0; i < coordinatesX.length-1; i++) {
21. for (int j = 0; j < coordinatesY.length-1; j++) {
23. beginShape();
24. vertex(coordinatesX[i],coordinatesY[i]);
25. vertex(coordinatesX[i+1],coordinatesY[i+1]);
26. endShape(CLOSE);
27. }
28. }
29. }

Converting (mac) app back into pde file

[2 Replies]
- 01-Mar-2011 07:03 AM
- Forum: Programming Questions
Hi!

I have a mac app here that I made with processing.

The pde is lost. Is there any way I can convert the app back into a pde file?

I already tried 'show package contents' on the app but then I get only .jar files and such.

Is there a way to do this?

Implementing sketch on website including PeasyCam and OPENGL

[4 Replies]
- 18-Feb-2011 11:36 AM
- Forum: Processing with Other Languages
Hi!

I have a processing sketch that uses PeasyCam and OPENGL.

I'm trying to put this online using processing js.

But I don't get it to work.

I also can't seem to find a tutorial how to use processing js properly when making use of libraries such as opengl and peasy.

Which code + which files do I need and how and where?

Please, can somebody help me out putting my sketch online!

Great thanks!!!

Rotating each individual item from a string

[4 Replies]
- 18-Feb-2011 07:13 AM
- Forum: Programming Questions
Hi!

I have txt file read into a string. The names in the txt file are plotted on my canvas.

but, the canvas is rotated and translated several times with rotateX etc.

If I plot the text now it is not horizontal anymore.

The thing is that I can not rotate it back using rotateX because than the whole thing is rotated.

I want that each word is rotated individually.

the text looks like this:

text("" + aLine[i].station_names, aLine[i].x+5, -aLine[i].y+5);

As you can see the names of the text and their position is read in from the same file.

So how can I rotate each entry from aLine[i].station_names but remain their position (aLine[i].x and y)?

For example: this: / / / / / must be this: - - - - - - instead of:

_

_

_

_

Is it clear?

Can somebody please help me out here? This is driving me nuts!

If I solved this I'm done with this project...

Great thanks in advance!

Advanced 3D displacement map

[4 Replies]
- 28-Oct-2010 11:07 AM
- Forum: Programming Questions
Today I learned in this topic: http://forum.processing.org/topic/basic-displacement-maps
how to make a displacement map.

This map uses noise for the z index.

Is it possible to control the z indexes from a data file?

Also, I want to control the z index of each point separately.

I don't know how to solve this. Can anybody help me out a little?

Please help. getting crazy here...

[4 Replies]
- 14-Oct-2010 12:56 PM
- Forum: Programming Questions
Hi!

I have one simple question:

Why does the code below not work?

The problem is on line 26. But why, can't I read from tTime?

I tried everything; nsTimes.tTime, times[].tTime etc etc etc

What am I doing wrong?

I noticed that every time I walk into this same problem over and over again. I think I don't understand something what is very fundamental in processing. Can anyone help me out please? Great thanks!
2. float ehvX;
3. float ehvY;
5. void setup() {
6. size(1200,800);
7. ehvX = width/2;
8. ehvY = height/1.5;
9. smooth();
11. String[] nsTimes = loadStrings("n.csv");
12. for (int i = 0; i < nsTimes.length; i++) {
13. String times[] = split(nsTimes[i], ',');
14. int dTime = int(times[0]);
15. int dlTime = int(times[1]);
16. String aStation = times[2];
17. String trainType = times[3];
18. int aTime = int(times[4]);
19. int tTime = int(times[5]);
20. }
21. }
24. void draw() {
25. background(0);
26. println(tTime);
27. }

Length of line

[5 Replies]
- 14-Oct-2010 04:49 AM
- Forum: Programming Questions
Hi!

I'm stuck with the following problem.

I have a line which goes from sphere to sphere.

The location of the sphere where the line starts is fixed, the others are not.

The length of the line is also fixed, thus it determines where sphere 2, 3 etc are located.

The length of the line should be read in from an online website, but for now it is okay if I manually can enter a number.

The thing is that I don't know how to approach this problem because I really don't know how I can make a line with a certain length instead of giving it a fixed starting and end point.

Can somebody please help me getting started with this.

I have basic+ knowledge of processing but this is one step too far for me.

Great thanks in advance!

PVector in if() loop -> path should stay open; first and last point should not be connected.

[20 Replies]
- 20-Jul-2010 08:56 AM
- Forum: Programming Questions
Hi!

I'm working with a PVector in a if() loop.

I want to draw a line through certain points.

The problem is that the if() loop also connects the first and last point so the path becomes closed.

That is not what I want, it has to stay a line instead of a rectangle or something.

This is the code:
1. import processing.opengl.*;
2. import peasy.*;
4. ArrayList points = new ArrayList();
6. PeasyCam cam;
8. void setup() {
9. size(1200,800,OPENGL);
11. cam = new PeasyCam(this, 2000);
12. cam.setMinimumDistance(500);
13. cam.setMaximumDistance(1000000);
15. background(0);
16. smooth();
17. frameRate(15);
18. }
20. void draw() {
21. background(0,0,0,75);
22. lights();
23. translate(-width*2, -height/2);
24. lights();
25. a_line();
26. }
28. void a_line() {
29. String[] a_line = loadStrings("a_line.txt");
30. for(int i = 0; i < a_line.length; i++) {
32. String s = a_line[i];
33. int pos = s.indexOf('°');
34. String a_linex = s.substring(0,pos);
35. s = s.substring(pos+1);
36. pos = s.indexOf('-');
37. String niets = s.substring(0,pos);
38. s = s.substring(pos+1);
39. pos = s.lastIndexOf('°');
40. String a_liney = s.substring(0,pos);
42. float x = float(a_linex.trim());
43. float y = float(a_liney.trim());
45. float xf = ((x-40)*10000)-5000;
46. float yf = ((y-73)*10000)-9000;
48. strokeWeight(0.5);
49. stroke(255);
51. PVector V = new PVector(xf,yf);
52. points.add(V);
53. if(points.size() > 1) {
54. PVector V1 = (PVector) points.get(points.size() -1);
55. PVector V2 = (PVector) points.get(points.size() -2);
56. line(V1.x, V1.y, V2.x, V2.y);
57. }
58. }
59. }
The txt file with the coordinates looks like this:
1. 40.632788°N - 73.947612°W - Brooklyn College / Flatbush Avenue
2. 40.639912°N - 73.94846°W - Newkirk Avenue
3. 40.645122°N - 73.94906°W - Beverly Road
4. 40.650755°N - 73.950005°W - Church Avenue
5. 40.657039°N - 73.950262°W - Winthrop Street
6. 40.663061°N - 73.950863°W - Sterling Street
7. 40.668009°N - 73.950691°W - President Street
8. 40.670711°N - 73.958545°W - Franklin Avenue / Botanic Garden
9. 40.671622°N - 73.96275°W - Eastern Parkway / Brooklyn Museum
10. 40.674584°N - 73.970518°W - Grand Army Plaza
11. 40.680833°N - 73.97511°W - Bergen Street
12. 40.684462°N - 73.978758°W - Atlantic Avenue
13. 40.688709°N - 73.980904°W - Nevins Street
14. 40.690531°N - 73.985109°W - Hoyt Street / Fulton Mall
15. 40.693655°N - 73.990216°W - Court Street / Borough Hall
16. 40.697397°N - 73.993049°W - Clark Street
17. 40.706311°N - 74.009528°W - Wall Street
18. 40.709515°N - 74.006374°W - Fulton Street/Broadway / Nassau Street
19. 40.712655°N - 74.009657°W - Chambers Street / World Trade Centre / Park Place
20. 40.719°N - 74.007°W - Franklin Street
21. 40.722°N - 74.006°W - Canal Street
22. 40.728592°N - 74.005322°W - Houston Street
23. 40.733°N - 74.003°W - Christopher Street / Sheridan Square
24. 40.738°N - 73.999°W - 14th Street
25. 40.741°N - 73.998°W - 18th Street
26. 40.744°N - 73.996°W - 23rd Street
27. 40.747°N - 73.993°W - 28th Street
28. 40.751°N - 73.991°W - 34th Street / Penn Station
29. 40.756°N - 73.987°W - Times Square / 42nd Street
30. 40.761°N - 73.984°W - 50th Street
31. 40.767997°N - 73.981934°W - 59th Street / Columbus Circle
32. 40.774°N - 73.982°W - 66th Street / Lincoln Center
33. 40.779°N - 73.982°W - 72nd Street
34. 40.784°N - 73.980°W - 79th Street
35. 40.788°N - 73.976°W - 86th Street
36. 40.794°N - 73.972°W - 96th Street
37. 40.798°N - 73.953°W - Central Park North / 110th Street
38. 40.802°N - 73.950°W - 116th Street
39. 40.807°N - 73.945°W - 125th Street
40. 40.814°N - 73.941°W - 135th Street
41. 40.818°N - 73.927°W - 149th Street / Grand Concourse
42. 40.815807°N - 73.91726°W - 3rd Avenue / 149th Street
43. 40.816°N - 73.908°W - Jackson Avenue
44. 40.819°N - 73.901°W - Prospect Avenue
45. 40.822°N - 73.897°W - Intervale Avenue
46. 40.824°N - 73.893°W - Simpson Street
47. 40.830°N - 73.892°W - Freeman Street
48. 40.837°N - 73.888°W - 174th Street
49. 40.840°N - 73.880°W - West Farms Square / East Tremont Avenue
50. 40.841°N - 73.874°W - East 180th Street
51. 40.849°N - 73.868°W - Bronx Park East
52. 40.857°N - 73.868°W - Pelham Parkway
53. 40.865°N - 73.867°W - Allerton Avenue
54. 40.871°N - 73.867°W - Burke Avenue
55. 40.877°N - 73.866°W - Gun Hill Road
56. 40.883°N - 73.863°W - 219th Street
57. 40.888°N - 73.860°W - 225th Street
58. 40.893°N - 73.857°W - 233rd Street
59. 40.898°N - 73.854°W - Nereid Avenue
60. 40.903°N - 73.850°W - Wakefield / 241st Street
Can anybody help me out with the paths?

And also another small problem: I use peasycam and it gets really really slow.

Why is this? And does anybody have an idea how to fix that?

Great thanks in advance!!

textWidth()

[7 Replies]
- 15-Jul-2010 04:58 AM
- Forum: Programming Questions
Hello!

I want to use textWidth in a for() loop.

it looks something like this:
2. String[] stats = loadStrings("stats_artists_genres.txt");
3. for(int i = 0; i < stats.length; i++) {
4. String name = s.substring(0,pos);
6. String name1 = name.trim();
8. pushMatrix();
9. fill(255);
10. textSize(14);
11. textAlign(RIGHT);
12. tl = textWidth(name1);
13. text("" + name1, -width/3, -600);
14. popMatrix();
16. }
The problem here is that the textWidth only gives me 1 width.

It looks like the textWidth is not going along with the for() loop.

I want the textWidth to spit out each value for name1. (100 names in a string)

Can anybody help me out a bit here? I can't seem to figure out where the problem is...

loadString

[21 Replies]
- 14-Jul-2010 06:12 AM
- Forum: Programming Questions
Hello!
I am new here to the forum but I follow the discussions for a while now.

Today I joined because I have a question myself:

I am trying to make a start with an infographic.

On a single line in the text file with the stats there are 3 important things.

this is what it looks like:
1. 1. Calibre - 3886
2. 2. Legowelt - 3569
3. 3. Logistics - 2309
4. 4. Radiohead - 2099
the first number is the ranking followed by the artist and then the total play count.

How can I put this info in a string?

I want the ranking to be the order and the the total play count the height for the bars for example.

this is my code so far:
2. void setup() {
3. size(1200,600);
4. background(0);
5. smooth();
7. textFont( loadFont( "GiorgioSans-Light-24.vlw" ) );
9. barGraph();
10. }
12. void barGraph() {
14. String[] stats = loadStrings("stats_artists.txt");
15. //String[] stats = splitTokens(statistics, "1 ");
16. for(int i = 0; i < stats.length; i++) {
17. text("" + stats[i] + "", random(1200),random(600));
18. }
19. }
for now I used the lines in the txt file as a output.
But the problem and thus the question here is how the extract the 3 different kinds of info from the single lines (ranking/artist/total play count)

Can anyone help me out a little with this?

Great thanks in advance!

Activity Trend