Hi!
I'm a total beginner,
I'm trying to program a sketchup-like tool. this is how far i got:

r= reset shape
c= orbit cam (peasy cam)

1. // r : Reset
2. // c : Orbit-Cam
3. 
   
4. 
   
5. import processing.opengl.*;
6. 
   
7. import peasy.test.*;
8. import peasy.org.apache.commons.math.*;
9. import peasy.*;
10. import peasy.org.apache.commons.math.geometry.*;
11. import controlP5.*;
12. 
    
13. 
    
14. public int Hoehe = 1;
15. 
    
16. 
    
17. ControlWindow controlWindow;
18. ControlP5 controlP5;   
19. PeasyCam cam;
20. 
    
21. PImage bild;
22. int[] coordsx = new int [5]; // array für die x koordinaten
23. int[] coordsy = new int [5]; // für die y koordinaten
24. int i = 0;
25. int a = 1;
26. int kameraaktiv = 0;
27. 
    
28. 
    
29. void setup () {
30.  
31.  
32. bild = loadImage("stadtplanung_1.jpg");
33. 
    
34. 
    
35.   cam = new PeasyCam(this, 500);
36. 
    
37. 
    
38.   cam.setActive (false);                             //
39.   cam.setWheelScale(3.0);                            //
    
40. 
    
41. 
    
42.   controlP5 = new ControlP5(this);
43.   controlP5.setAutoDraw(false);
44.   controlWindow = controlP5.addControlWindow("controlP5window", 100, 100, 450, 100);
45.   controlWindow.hideCoordinates();
46. 
    
47.   controlWindow.setBackground(color(40));
48.   Controller mySlider = controlP5.addSlider("Hoehe", 0, 500, 40, 40, 350, 10);
49.   mySlider.setWindow(controlWindow);
50. 
    
51.   controlWindow.setTitle("Höhe verstellen");
52. 
    
53. 
    
54. 
    
55. 
    
56.   size(1000, 700, OPENGL);
57. }
58. 
    
59. 
    
60. void mousePressed () {
61. 
    
62.   coordsx[i] = mouseX;
63.   coordsy[i] = mouseY;
64.   i = i + a;
65.   if (i == 4) {
66.     a = 0;
67.   }
68. }
69. 
    
70. 
    
71. void keyPressed() {
72. 
    
73.   if (key=='c') {
74.     cam.setActive (true); //
    
75. 
    
76.     kameraaktiv = 1;
77.   }
78.  
79.   if (key=='r') {
80.     i = 0;
81.     a = 1;
82.     kameraaktiv = 0;
83.     cam.reset(500);
84.   }
85.  
86.  
87. }
88. 
    
89. 
    
90. void draw() {
91.  
92.   if (kameraaktiv == 0) {
93.     cam.beginHUD();    //
    
94.     background (210, 200, 200);
95.     //image(bild, 0, 0);
96.     ellipse(coordsx[0], coordsy[0], 5, 5);  // ellipses to start with
    
97.     ellipse(coordsx[1], coordsy[1], 5, 5);
98.     ellipse(coordsx[2], coordsy[2], 5, 5);
99.     ellipse(coordsx[3], coordsy[3], 5, 5);
100.     cam.endHUD();
101. 
     
102. 
     
103.     if (i == 4) {   //
     
104.       cam.beginHUD();
105.       beginShape(QUADS);
106.      
107.        
108.       vertex(coordsx[0], coordsy[0], 0);  /// bottom face for 2d view
     
109.       vertex(coordsx[1], coordsy[1], 0);
110.       vertex(coordsx[2], coordsy[2], 0);
111.       vertex(coordsx[3], coordsy[3], 0);
112.       endShape(CLOSE);
113.       cam.endHUD();
114.     }
115.   }
116. 
     
117. 
     
118.   if (kameraaktiv == 1) {   //
     
119. 
     
120.     background (200, 200, 200);
121.    // image(bild, 0, 0);
122.    
123.     beginShape(QUADS);
124.     vertex(coordsx[0], coordsy[0], 1);   // bottom face
     
125.     vertex(coordsx[1], coordsy[1], 1);
126.     vertex(coordsx[2], coordsy[2], 1);
127.     vertex(coordsx[3], coordsy[3], 1);
128. 
     
129. 
     
130.     vertex(coordsx[0], coordsy[0], 1);  // face 1
     
131.     vertex(coordsx[1], coordsy[1], 1);
132.     vertex(coordsx[1], coordsy[1], Hoehe);
133.     vertex(coordsx[0], coordsy[0], Hoehe);
134. 
     
135.   
136.   
137.     vertex(coordsx[2], coordsy[2], 1);  // face 2
     
138.     vertex(coordsx[3], coordsy[3], 1);
139.     vertex(coordsx[3], coordsy[3], Hoehe);
140.     vertex(coordsx[2], coordsy[2], Hoehe);
141.    
142.    
143.   
     
144.     vertex(coordsx[1], coordsy[1], 1);  // face 3
     
145.     vertex(coordsx[2], coordsy[2], 1);
146.     vertex(coordsx[2], coordsy[2], Hoehe);
147.     vertex(coordsx[1], coordsy[1], Hoehe);
148. 
     
149.   
150.   
151.     vertex(coordsx[0], coordsy[0], 1);  // face 4
     
152.     vertex(coordsx[3], coordsy[3], 1);
153.     vertex(coordsx[3], coordsy[3], Hoehe);
154.     vertex(coordsx[0], coordsy[0], Hoehe);
155. 
     
156. 
     
157. 
     
158.     vertex(coordsx[0], coordsy[0], Hoehe);  // top face
     
159.     vertex(coordsx[1], coordsy[1], Hoehe);
160.     vertex(coordsx[2], coordsy[2], Hoehe);
161.     vertex(coordsx[3], coordsy[3], Hoehe);
162. 
     
163. 
     
164.     endShape(CLOSE);
165.   }
166. }
167. 
     

i don't know how i can make it so u can draw multiple shapes. as is now u can only draw one.

do i have to use classes in connection with arrays? every 4th point creates a new shape? can someone pls show me an example how to do that? help much appreciated

Hi,
I'm new to processing and programming.

I want to make a program that works like a simple version of sketchup: u draw lines by setting the start and endpoint of a line with your mouse and draw continuous lines by adding more and more points.
polygonal shapes get filled (become a plane) when the shape is closed (e.g. the endpoint of the last line connects with the startpoint of the first line).
in a next step u can extract a volume out of this plane by setting it's height (u "pull" the shape in z axis and creata a volume).

how do i program this? i know i can use arrays somehow to store the points of the lines. but i'm clueless how to do the rest. is there a function that draws polygonal shapes with given x and y coordinates? and is there somehow a function to convert a 2d shape to a 3d volume? maybe just by working in 3D in the first place and adding the z axis values later?

help and input is much appriciated.