Processing Forum

Screen name:
duffmcscratch

duffmcscratch's Profile

3 Posts

6 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Mapping cities of the world

[0 Replies]
- 11-Apr-2011 05:17 PM
- Forum: Core Library Questions
Hello all,

I am working with processing to make a tool that maps populated places by gps coordinates. My data comes from the National Geospacial Intelligence Agency. Using code borrowed from other sources as well as suggestions from members of this forum (phi.lho and jeff_g), I have reached a point where I feel the sketch works pretty well. However...

I can see two major problems with the sketch so far. First, the large amount of data takes a long time to load. Second, the amount of points required to display all the populated places of the earth would exceed a few million points (difficult to do while maintaining a good frame rate).

At this point I am looking for any advice on anything from optimizing the code, to conceptually making the program better.

Thank you all for your continuing help with processing, as well as being patient with my lack of understanding.

-Ben

Here a link to a few xml files I have used to test the sketch

xml files

And here is the code (please play around with it)
2. import processing.opengl.*;
3. import javax.media.opengl.*;
4. import javax.media.opengl.glu.*;
5. import peasy.*;
7. PeasyCam cam;
8. PGraphicsOpenGL pgl;
9. GL gl;
10. GLU glu;
11. XMLElement xml;
12. int index;
13. int glList;
15. float[] LAT = new float[1];
16. float[] LONG = new float[1];
17. float[] coords_x = new float[1];
18. float[] coords_y = new float[1];
19. float[] coords_z = new float[1];
20. float[] colorR = new float[1];
21. int r = 3000;
23. void setup() {
24. size(1000, 600, OPENGL);
25. glu = new GLU();
26. gl=((PGraphicsOpenGL)g).gl;
27. glu=((PGraphicsOpenGL)g).glu;
28. pgl = (PGraphicsOpenGL) g;
29. gl = pgl.gl;
31. xml = new XMLElement(this, "sAmer.xml");
32. int index = xml.getChildCount();
33. println(index);
34. coords_x = expand (coords_x,index);
35. coords_y = expand (coords_y,index);
36. coords_z = expand (coords_z,index);
37. //colorR = expand (colorR,index);
38. LAT = expand (LAT,index);
39. LONG = expand (LONG,index);
41. glList = gl.glGenLists(1);
42. gl.glNewList(glList,GL.GL_COMPILE);
43. gl.glBegin(gl.GL_POINTS);
45. for (int i=0; i < index; i+=1) {
46. XMLElement kid = xml.getChild(i);
47. //String cityName = kid.getStringAttribute("name");
48. LAT[i] = kid.getFloatAttribute("LAT");
49. LONG[i] = kid.getFloatAttribute("LONG");
50. //colorR[i] = norm(i,0,index);
51. coords_x[i] = -r * cos(LAT[i]*PI/180) * cos(LONG[i]*PI/180);
52. coords_y[i] = r * cos(LAT[i]*PI/180) * sin(LONG[i]*PI/180);
53. coords_z[i] = r * sin(LAT[i]*PI/180);
54. gl.glColor4f(1,1,1,.25);
55. gl.glVertex3f(coords_x[i], coords_y[i], coords_z[i]);
56. }
57. gl.glEnd();
58. gl.glEndList();
59. cam = new PeasyCam(this, 0, 0, 0, (r*2.5));
60. cameraSetup();
61. }
63. void draw () {
64. frame.setTitle(str((frameRate))+"fps");
65. background(50);
66. pgl.beginGL();
67. gl.glTranslatef(width/2, height/2, (r*2.5));
68. draw_earth();
69. draw_points();
70. pgl.endGL();
71. }
73. // draw the earth as a sphere
74. void draw_earth() {
75. GLUquadric qobj0 = glu.gluNewQuadric();
76. gl.glColor4f(.1, .1, .1, 1);
77. glu.gluSphere(qobj0, (r-25), 64, 64);
78. }
80. // plot x y z points on the screen
81. void draw_points() {
82. gl.glPointSize(1.2);
83. gl.glCallList(glList);
84. }
86. void cameraSetup() {
87. cam.setWheelScale(5);
88. cam.setResetOnDoubleClick(false);
89. cam.lookAt(width/2, height/2, (r*2.5));
90. cam.setMinimumDistance((r+75));
91. cam.setMaximumDistance((r*2.5));
92. cam.rotateX(3*(PI/2));
93. cam.rotateY(3*(PI/2));
94. float fov = PI/3;
95. float cameraZ = (height/2.0) / tan(fov/2.0);
96. perspective(fov, float(width)/float(height),cameraZ/200.0, cameraZ*100.0);
97. }

Displaying millions of points

[6 Replies]
- 05-Apr-2011 12:33 PM
- Forum: Programming Questions
Hello all,

I am working on a project that involves mapping gps coordinates of world cities. I have borrowed most of the code I am using from Jimthree:

http://forum.processing.org/topic/getting-started-with-glgraphics

In the above sketch, he is able to display a few hundred thousand points while maintaining 30frames/sec. My sketch began locking up after a few thousand points. I would like to use xml to import the data. Ideally, I would like to display more than a million points (at 30fr/sec). Is this possible using the method I am currently using (i.e. importing the points through xml)? Can this code be made more efficient?

Here is a link to the xml files I am using:

Cities of the world (~750 points): http://www.mapofthemap.com/maps/world.xml

Points in Italy (~33000 points): http://www.mapofthemap.com/maps/italy.xml

Here is the sketch so far:
3. import processing.opengl.*;
4. import javax.media.opengl.*;
5. import javax.media.opengl.glu.*;
6. import peasy.*;
8. PeasyCam cam;
9. GL gl;
10. GLU glu;
12. XMLElement xml;
14. //Declare the Arrays for storing co-ords.
15. float[] LAT = new float[1];
16. float[] LON = new float[1];
17. float[] coords_x = new float[1];
18. float[] coords_y = new float[1];
19. float[] coords_z = new float[1];
20. int r = 600;
22. void setup(){
23. size(1000, 600, OPENGL);
27. cam = new PeasyCam(this, 0, 0, 0, 1200);
28. cam.setWheelScale(50);
29. cam.setResetOnDoubleClick(false);
30. cam.lookAt(width/2, height/2, 1200);
31. cam.setMinimumDistance(800);
32. cam.setMaximumDistance(1600);
33. cam.rotateX(3*(PI/2));
34. cam.rotateY(PI/2);
35. float fov = PI/3.0;
36. float cameraZ = (height/2.0) / tan(fov/2.0);
37. perspective(fov, float(width)/float(height),cameraZ/200.0, cameraZ*1000.0);
38. //SetUp the GL thingys
39. gl=((PGraphicsOpenGL)g).gl;
40. glu=((PGraphicsOpenGL)g).glu;
42. //Load the point data into the arrays
43. load_data();
44. }
46. void draw () {
47. frame.setTitle(str((frameRate))+"fps");
48. background(50);
49. //More GL stuff I don't really understand yet.
50. PGraphicsOpenGL pgl = (PGraphicsOpenGL) g;
52. //All GL drawing commands are wrapped in a beginGL()/endGL() loop
53. GL gl = pgl.beginGL();
55. //Move everything we draw into the middle of the screen (or could just move the camera)
56. gl.glTranslatef(width/2, height/2, 1200);
58. //Draw the points
59. draw_points();
60. pgl.endGL();
61. }
64. void load_data(){
66. xml = new XMLElement(this, "world.xml");
67. int index = xml.getChildCount();
69. //expand arrays to fit.
70. coords_x = expand (coords_x,index);
71. coords_y = expand (coords_y,index);
72. coords_z = expand (coords_z,index);
73. LAT = expand (LAT,index);
74. LON = expand (LON,index);
76. for (int i=0; i < index; i++){
77. XMLElement kid = xml.getChild(i);
78. String cityName = kid.getStringAttribute("name");
79. LAT[i] = kid.getFloatAttribute("LAT");
80. LON[i] = kid.getFloatAttribute("LON");
81. coords_x[i] = -r * cos(LAT[i]*PI/180) * cos(LON[i]*PI/180);
82. coords_y[i] = r * cos(LAT[i]*PI/180) * sin(LON[i]*PI/180);
83. coords_z[i] = r * sin(LAT[i]*PI/180);
84. //println("City name = "+cityName);
85. //println("Lat = "+LAT[i]);
86. //println("Lon = "+LON[i]);
87. //println("x = "+coords_x[i]);
88. //println("y = "+coords_y[i]);
89. //println("z = "+coords_z[i]);
90. }
91. }
93. void draw_points(){
94. gl.glPointSize(1);
95. gl.glBegin(gl.GL_LINES);
96. gl.glColor4f(1,0,0,.25);
97. gl.glVertex3f(0, 0, 0);
98. gl.glVertex3f(6000, 0, 0);
99. gl.glEnd( );
100. gl.glBegin(gl.GL_LINES);
101. gl.glColor4f(0,1,0,.25);
102. gl.glVertex3f(0, 0, 0);
103. gl.glVertex3f(0, 6000, 0);
104. gl.glEnd( );
105. gl.glBegin(gl.GL_LINES);
106. gl.glColor4f(0,0,1,.25);
107. gl.glVertex3f(0, 0, 0);
108. gl.glVertex3f(0, 0, 6000);
109. gl.glEnd( );
110. gl.glBegin(gl.GL_POINTS);
111. gl.glColor4f(1,1,1,1);
112. xml = new XMLElement(this, "world.xml");
113. int index = xml.getChildCount();
114. for (int i=0; i<index; i++){
115. gl.glVertex3f(coords_x[i], coords_y[i], coords_z[i]);
116. }
117. gl.glEnd();
118. }

svg and geomerative

[6 Replies]
- 22-Aug-2010 07:48 PM
- Forum: Contributed Library Questions
Hello,

I am very new to processing. I am working on a project to help me learn, and I am having trouble extracting data out of an svg file.

I have been able to display an svg image (using code borrowed from the geomerative tutorials). What I would like to do is extract the "id" tag from the svg file and print the resulting text.

here is a bit of the svg:

<g id="path">

<path d="..." />

</g>

and here is the code I am using:

import processing.xml.*;

import processing.opengl.*;

import geomerative.*;

import controlP5.*;

RShape afr;

ControlP5 controlP5;

float z = 1;

float zindex = 1;

int sliderValue = 100;

boolean ignoringStyles = false;

void setup() {

  background(50, 50, 50, 0);

  size(800, 600);

  smooth();

  g.smooth = true;



  //zoomer

  controlP5 = new ControlP5(this);

  controlP5.addSlider("zoom",25,500,100,25,200,10,350);



  RG.init(this);

  RG.ignoreStyles(ignoringStyles);

  afr = RG.loadShape("africa.svg");

}

void zoom(float zindex) {

  z = zindex/100;

}

void draw() {

  size(800,600);

  background(50, 50, 50, 0);



  //draw and transform the map

  RG.ignoreStyles(true);

  fill(50, 50, 50, 255);

  stroke(75);

  afr.draw();

  afr.centerIn(g, 1, 1, 1);

  afr.scale(z); //scales the map

  afr.translate(500, 300); //center the map



  //mouseover

  RPoint p = new RPoint(mouseX, mouseY);

  for(int i=0;i<afr.countChildren();i++) {

   if(afr.children[i].contains(p)) {



   RG.ignoreStyles(true);

   fill(255, 255, 255, 75);

   noStroke();

   afr.children[i].draw();

   RG.ignoreStyles(ignoringStyles);



   //text overlay

   fill(10,10,10,150);

   rect(25, 25, 100, 30);

   fill(255);

   text("id" + i, 45, 45);

   }

  }

}

«Prev
Next »