Hello,

I want to use a for loop to move a drawing between two points. However the loop is too fast to see all the positions. So I am trying to insert a pause in the loop but it doesn't work. Is there any solution compatible with a for loop ?

Thank you in advance.

1. /*
2.  Circle moving between two points chosen among a set of random ones
3. */
4. PImage monImage;
5. final int imageWidth = 100;
6. final int imageHeight = 100;
7. final int displayWidth = 500;
8. final int displayHeight = 500;
9. color myColor;
10. PVector startPoint = new PVector() ;
11. PVector endPoint = new PVector() ;
12. PVector currentPoint = new PVector();
13. final int numSteps = 100;
14. ArrayList possiblePoints = new ArrayList();
15. int currentTime;
16. void setup() {
17.   size(displayWidth, displayHeight);
18.   monImage = createImage(imageWidth, imageHeight, RGB);
19.  
20.   // random filling of image
21.   for (int i = 0; i < imageWidth; i++) {
22.     for (int j = 0; j < imageHeight; j++) {
23.      
24.       // creates random points and stores them
25.       int test = int(int(random(1000)) >= 999);
26.       if (test == 1) {
27.         myColor = color(255, 0, 0);
28.         possiblePoints.add(new PVector(i,j));
29.       } else {
30.         myColor = color(255, 255, 255) ;
31.       }
32.       monImage.pixels[(j*imageWidth)+i] = myColor;
33.     }
34.   }
35.   shapeMode(CENTER);
36.   fill(255, 255, 255, 127);
37.   stroke(0, 0, 0, 255);
38. }
39. void draw() {
40.   monImage.updatePixels();
41.  
42.  
43.   // displacement
    
44.   // choice of two random points within the ones generated in setup
45.   startPoint = (PVector) possiblePoints.get((int(random(possiblePoints.size()))));
46.   endPoint = (PVector) possiblePoints.get((int(random(possiblePoints.size()))));
47.   /*
48.   println ("Start point : "+startPoint.x+" , "+startPoint.y);
49.   println ("End point : "+endPoint.x+" , "+endPoint.y);
50.   */
51.  
52.   // moving circle between start and end point
53.  
54.   for (int i = 0; i < numSteps; i++) {
55.     noSmooth();
56.     image(monImage,0,0, displayWidth, displayHeight);
57.     smooth();
58.     currentPoint.x = (startPoint.x * (1 - (i/numSteps))) + (endPoint.x * (i/numSteps)) ;
59.     currentPoint.y = (startPoint.y * (1 - (i/numSteps))) + (endPoint.y * (i/numSteps)) ;
60.     ellipse(currentPoint.x, currentPoint.y, 10, 10);
61.    
62.     // Short pause between iterations - doesn't work
63.     currentTime = millis();
64.     while (millis() < currentTime+10) {
65.       println(millis());
66.     }
67.   }
68. }

Hello,

I am wondering if I could make my code more efficient. Currently it's quite CPU-hungry.

Any suggestion ?

Thank you in advance.

1. /*
2.  ROTATING BARS
3.  EACH BAR PULSES AT A DIFFERENT RATE AND ROTATES IN 2D AROUND ITS CENTER
4.  VARYING HSB COLORS
5.  
6. */
7. import processing.opengl.*;
8. // VARIABLES
9. int numCubes = 1000;
10. int maxDistance = 300;
11. PVector[] places = new PVector[numCubes]; // stores positions of bars
12. PVector[] angles = new PVector[numCubes]; // stores orientations of bars
13. PVector[] rotFreq = new PVector[numCubes]; // stores rotation frequencies of bars
14. float[] pulsFreq = new float[numCubes]; // stores pulse frequency for alpha
15. float phaseX ; // phase for rotation around own center
16. float phaseY ;
17. int rate = 120; // set frameRate here
18. int transparency ; // bar alpha
19. float currentPulse; //pulse for HSB color variation
20. float currentHue;
21. float currentSat;
22. float currentBri;
23. float myHue1 = 170; // star's start hue 0/255 = red - 127 = green
24. float myHue2 = 130; // star's final hue
25. float mySat1 = 100; // star's start saturation
26. float mySat2 = 0; // star's intermediate saturation
27. float mySat3 = 255; // star's final saturation
28. float myBri1 = 100; // star's start brilliance
29. float myBri2 = 255; // star's intermediate brilliance
30. float myBri3 = 240; // star's final brilliance
31. float xRotateFrequency =  0.503 ; //frequency for rotation around x axis
32. void setup() {
33.   size (500, 500);
34.   colorMode(HSB);
35.   frameRate(rate);
36.   strokeWeight(3);
37.   for (int i = 0; i < numCubes; i++) {
38.     places[i] = new PVector (random(0, maxDistance), random(0, maxDistance)) ;
39.     angles[i] = new PVector (random(0, TWO_PI), random(0, TWO_PI)) ;
40.     rotFreq[i] = new PVector (pow(10., random(-1., 0.001)), pow(10., random(-1, 0.001))) ;
41.     pulsFreq[i] = rotFreq[i].x;
42.   }
43.   background(170, 255,80 ,0);
44.   smooth();
45. }
46. void draw() {
47.  
48.   translate(width/2, height/2);
49.   for (int i = 0; i < numCubes; i++) {
50.     pushMatrix() ;
51.     // POSITION AROUND CENTER
52.     smooth();
53.     rotate(angles[i].x);
54.     places[i].x = places[i].x+int(random(-2,2));
55.     places[i].y = places[i].y+int(random(-2,2));
56.     translate(places[i].x, places[i].y);
57.     // ORIENTATION
58.     phaseX = (((rotFreq[i].x * float(frameCount) / float(rate)) * TWO_PI) % TWO_PI);
59.     phaseY = 0;
60.     rotate(phaseX);
61.     // TRANSPARENCY
62.     transparency = 50 + int(206. * (0.5 + (0.5 * (sin((((pulsFreq[i] * float(frameCount) / float(rate)) * TWO_PI) % TWO_PI))))));
63.     // COLOR
64.     currentPulse = unipolarTriangle((pulsFreq[i] * float(frameCount) / float(rate)) % 1.) ;
65.     // SETS HUE
66.     if (currentPulse < 0.5 ) {
67.       currentHue = myHue1 ;
68.     } else {
69.       currentHue = myHue2 ;    
70.     }
71.     // SETS SATURATION
72.     if (currentPulse < 0.5 ) {
73.       currentSat = int(((1. - (2. * currentPulse)) * mySat1) + ((2. * currentPulse) * mySat2)) ;
74.     } else {
75.       currentSat = int(((1. - (2. * (currentPulse - 0.5))) * mySat2) + ((2. * (currentPulse - 0.5)) * mySat3)) ;     
76.     }
77.     // SETS BRILLIANCE
78.     if (currentPulse < 0.5 ) {
79.       currentBri = int(((1. - (2. * currentPulse)) * myBri1) + ((2. * currentPulse) * myBri2)) ;
80.     } else {
81.       currentBri = int(((1. - (2. * (currentPulse - 0.5))) * myBri2) + ((2. * (currentPulse - 0.5)) * myBri3)) ;     
82.     }
83.     fill(currentHue, currentSat, currentBri, 30);
84.     stroke(currentHue, currentSat, currentBri, 30);
85.     scale(1);
86.     line(-15,-15,15,15);
87.     popMatrix() ;
88.   }
89. }
90. float unipolarTriangle(float phase)
91. {
92.  float amp;
93.  amp = min(phase, 1.) ;
94.  if (amp > 0.5 ) {
95.    amp = 0.5 - (amp - 0.5);
96.  }
97.  amp *= 2.;
98.  return amp;
99. }

Hello,

I want to draw a spiral fitting in a rectangle. So my sketch is very basic.

However it doesn't work. I haven't worked with Processing for a while so I must have forgotten something obvious, but what ?

Thank you in advance for helping.

1. int myLength = 0; // initial axis length in number of squares
2. int xpos = 0;
3. int ypos = 0;
4. void setup() {
5.   size(500, 500, JAVA2D);
6.   background(128, 128, 128);
7.   stroke(255, 255, 0);
8.   fill(255, 255, 0);
9.   rectMode(CENTER);
10.     // initial positioning
11.   xpos = width/2;
12.   ypos = height/2;
13.   translate (xpos, ypos);
14. }
15. void loop() {
16.   for (int i = 0; i < 50 ; i++) {
17.     myLength++;
18.     for (int j = 0; j < myLength; j++) { // units do draw per line extends from step to step
19.       rect(0, 0, 20, 20);
20.       translate(20, 0);
21.     }
22.     rotate(PI/2.); // rotates 90 degrees before next step
23.   }
24. }

Hello,

I can't succeed in extracting the centroid from a RShape.

I proceed this way:

1. I load the shape from an SVG file:

RShape myShape = RG.loadShape("test3-2.svg");

2. I use this instruction, which seems mandatory (althought I don't really understand what it does) :

myShape = RG.centerIn(myShape, g);

3. I draw the shape:

RG.shape(myShape);

4. I use the getCentroid method like this:

RPoint myShapeCent= myShape.getCentroid();

There is no error message caused by the former instruction but if I try to use the RPoint's data (myShapeCent.x for instance) I get a null pointer error message.

So, what's wrong ???

Hello,

I have problems with very basic things which are neither clearly documented in the reference nor illustrated with specific examples.

I have an SVG file including several paths. I want to put each path at a different place on the screen. Therefore I try to use pushMatrix() and popMatrix() around scale(), translate() and shape(RShape). However these push/pop instructions seem to be ignored. Therefore each path's position depends on position of the previous path which is very annoying. So I try to use geomerative's own translate and scale methods instead but it doesn't succeed : neither scaling nor translation is applied.

What's wrong ???????

1. import processing.xml.*;
2. import processing.opengl.*;
3. import geomerative.*;
4. //shapes
5. RShape globalShape;
6. RShape antwerp;
7. RShape brussels;
8. RShape oostVlaanderen;
9. RShape westVlaanderen;
10. RShape hainaut;
11. RShape liege;
12. RShape brabantWallon;
13. RShape vlaamsBrabant;
14. RShape limburg;
15. RShape eupenMalmedy;
16. RShape namur;
17. RShape luxembourg;
18. //positions for translation of children shapes (copied from SVG file's "M" field)
19. float [][] positions = {{272.25576,92.861556}, {192.34967,123.16782}, {101.81014,41.658534}, {186.51245,43.969483}, {239.98491,21.830983},
20. {308.79471,52.679144}, {313.47918,192.20721}, {64.091409,128.70649}, {258.13293,154.62728}, {234.57174,131.58658}, {330.07627,129.19335}, {360.70501,153.26992}};
21. color [] myColor = {color(255, 0, 0), color(0, 255, 0), color(0, 200, 255), color(255, 255, 0)};
22. void setup(){
23.   frameRate(1);
24.   size(800, 600);
25.   smooth();
26.   // VERY IMPORTANT: Allways initialize the library before using it
27.   RG.init(this);
28.   RG.ignoreStyles(true);
29.   globalShape = RG.loadShape("test.svg");
30.   westVlaanderen = RG.centerIn(globalShape.children[2], g);
31.   vlaamsBrabant = RG.centerIn(globalShape.children[0], g);
32.   oostVlaanderen = RG.centerIn(globalShape.children[3], g);
33.   antwerp = RG.centerIn(globalShape.children[4], g);
34.   brussels = RG.centerIn(globalShape.children[1], g);
35.   limburg = RG.centerIn(globalShape.children[5], g);
36.   hainaut = RG.centerIn(globalShape.children[7], g);
37.   liege = RG.centerIn(globalShape.children[10], g);
38.   brabantWallon = RG.centerIn(globalShape.children[9], g);
39.   eupenMalmedy = RG.centerIn(globalShape.children[11], g);
40.   namur = RG.centerIn(globalShape.children[8], g);
41.   luxembourg = RG.centerIn(globalShape.children[6], g);
42.  
43.   //initial drawing
44.   stroke(0, 0, 0, 255);
45.   scale(0.3, 0.3);
46.   strokeWeight(2);
47.   fill(225, 0, 0);
48.   background(255);
49.   translate(width/2, height/2);
50.   RG.shape(westVlaanderen);
51.   westVlaanderen.translate(positions[2][0], positions[2][1]);
52.   westVlaanderen.scale(1.0);
53.   RG.shape(oostVlaanderen);
54.   oostVlaanderen.translate(400., 200.);
55.   oostVlaanderen.scale(0.1);
56.   antwerp.translate(positions[3][0],positions[3][1]);
57.   antwerp.scale(0.1);
58.   RG.shape(antwerp);
59.   limburg.translate(positions[4][0], positions[4][1]);
60.   limburg.scale(0.1);
61.   RG.shape(limburg);
62.   liege.translate(positions[1][0], positions[1][1]);
63.   liege.scale(0.1);
64.   RG.shape(liege);
65.   eupenMalmedy.translate(positions[5][0], positions[5][1]);
66.   eupenMalmedy.scale(0.1);
67.   RG.shape(eupenMalmedy);
68.   luxembourg.translate(positions[7][0], positions[7][1]);
69.   luxembourg.scale(0.1);
70.   RG.shape(luxembourg);
71.   RG.shape(namur);
72.   namur.translate(positions[10][0], positions[10][1]);
73.   namur.scale(0.1);
74.   RG.shape(brabantWallon);
75.   brabantWallon.translate(positions[9][0], positions[9][1]);
76.   brabantWallon.scale(0.1);
77.   RG.shape(vlaamsBrabant);
78.   vlaamsBrabant.translate(positions[11][0], positions[11][1]);
79.   vlaamsBrabant.scale(0.1);
80.   RG.shape(hainaut);
81.   hainaut.translate(positions[8][0], positions[8][1]);
82.   hainaut.scale(0.1);
83.   RG.shape(brussels);
84.   brussels.translate(positions[6][0], positions[6][1]);
85.   brussels.scale(0.1);
86.  
87. }
88. void draw(){
89. /*
90.   old way to do it - functions but every shape's position depends on previous shape
    
91.   stroke(0, 0, 0, 0);
92.   strokeWeight(0);
93.   scale(0.3, 0.3);
94.   background(255);
95.   translate(width/2, height/2);
96.   RG.shape(westVlaanderen);
97.   translate(470, 3);
98.   fill(myColor[int(random(0, 4))]);
99.   RG.shape(oostVlaanderen);
100.   //translate(501, -203);
101.   fill(myColor[int(random(0, 4))]);
102.   //scale(0.87);
103.   RG.shape(antwerp);
104.   translate(500, 295);
105.   fill(myColor[int(random(0, 4))]);
106.   scale(1.12, 1.12);
107.   RG.shape(limburg);
108.   translate(104, 449);
109.   fill(myColor[int(random(0, 4))]);
110.   scale(0.96, 0.96);
111.   RG.shape(liege);
112.   translate(380, 96);
113.   fill(myColor[int(random(0, 4))]);
114.   scale (1.1);
115.   RG.shape(eupenMalmedy);
116.   translate(-400, 456);
117.   fill(myColor[int(random(0, 4))]);
118.   scale(1.41, 1.41);
119.   RG.shape(luxembourg);
120.   translate(-270, -180);
121.   fill(myColor[int(random(0, 4))]);
122.   scale (0.93, 0.93);
123.   RG.shape(namur);
124.   translate(-128, -309);
125.   fill(myColor[int(random(0, 4))]);
126.   scale(0.5, 0.5);
127.   RG.shape(brabantWallon);
128.   translate(-27, -310);
129.   fill(myColor[int(random(0, 4))]);
130.   scale(1.44, 1.44);
131.   RG.shape(vlaamsBrabant);
132.   //translate(-485, 460);
133.   fill(myColor[int(random(0, 4))]);
134.   scale (1.45, 1.45);
135.   RG.shape(hainaut);
136.   //translate(270, -320);
137.   fill(myColor[int(random(0, 4))]);
138.   scale (0.23, 0.23);
139.   RG.shape(brussels);
140. */
141. }

I have a weird problem. I am using RShape objects from geomerative library to display different children shapes coming from one global shape because I want to fill each child with a different color evolving in time. When the .SVG file is displayed in one piece, all the children shapes insert in each other correctly. However if I display each child separately, the relative sizes of all the children are not correct. I must downscale some shapes and upscale others and it's hard to find the correct resizing factor for each shape. I must translate each shape one after another too so that it finds its relative place again.

So, is there a way to find the correct scaling factor for each child (and maybe the position on plane) within the SVG data ? I guess these data must exist in the SVG file, otherwise how could the global picture be drawn correctly ? Or is there another trick to avoid such a painful puzzle ? Can I solve this within Processing easily or would it be better to modify something in the SVG file using Inkscape ?

Hello,

I have a polygon created from an SVG file ( you can find this file here).

I want to test if random points are inside this polygon or not. I am using the java.awt.Polygon class as described on the wiki.

However the contains method returns true only if a point is exactly on the border rather than if it's simply inside the polygon. Should I use another method, algorithm or could it come from an error in the polygon definition ? Maybe it has too many points ? (replacing the drawing trough the Polygon class by beginShape()-endShape() sequence leaves the polygon unfilled too).

Thank you in advance.

1. /**
2.  program to try inclusion test (java.awt.Polygon) of random points in complex polygon
3. */
4. //Library import
5. import geomerative.*;
6. import java.awt.Polygon; //required ?
7. //Defines variables
8. RShape s;
9. RShape polyshp;
10. RPoint[] points;
11. int [][] coords;
12. float minX;
13. float minY;
14. float maxX;
15. float maxY;
16. Poly p;
17. void setup() {
18.   //style
19.   RG.init(this);
20.   RG.ignoreStyles(true);
21.   smooth();
22.   g.smooth = true;
23.   rectMode(CENTER);
24.   background(192);
25.   frameRate(120);
26.   shapeMode(CORNER);
27.   ellipseMode(CENTER);
28.   //load svg
29.   s = RG.loadShape("BelgiumC.svg");
30.   points = s.getPoints();
31.   println("points.length : "+points.length);
32.   coords = new int[2][points.length] ;
33.   // translate points into 2D array
34.   for (int i = 0; i < points.length ; i++) {
35.     coords[0][i] = round(points[i].x / 2);
36.     coords[1][i] = round(points[i].y / 2);
37.   }
38.   //defines polygon with points
39.   p=new Poly(coords[0],coords[1],points.length);
40.   //finds minima and maxima in svg
41.   minX = min(coords[0]);
42.   maxX = max(coords[0]);
43.   minY = min(coords[1]);
44.   maxY = max(coords[1]); 
45.   //sizes window according to svg coordinates
46.   size(int((maxX-minX))+50, int((maxY-minY))+50, JAVA2D);
47. }
48. void draw() {
49.   //settings to draw shape
50.   strokeWeight(1);
51.   fill(0, 128, 255, 255); //doesn't work
52.   stroke(0, 0, 0);
53.   //draws shape
54.   p.drawMe(); 
55. }
56. //click to create random point and draw ellipse if within polygon
57. void mousePressed() { 
58.   //chooses a random point and draws if it is included in shape
59.     // random coordinates
60.     int aleaX = int(random(0, width));
61.     int aleaY = int(random(0, height));
62.     if (p.contains(aleaX, aleaY)) {  
63.       println("p.contains = "+p.contains(aleaX, aleaY));
64.       fill(255, 255, 0);
65.       stroke(0, 128, 255);
66.       strokeWeight(2);
67.       ellipse(aleaX, aleaY, 20, 20);
68.     }    else {
69.       println("p.contains = "+p.contains(aleaX, aleaY));
70.     }
71. }
72. //ADDITIONAL CLASSES
73. //class to draw and test polygon
74. class Poly extends java.awt.Polygon{
75.   public Poly(int[] x,int[] y, int n){
76.     //call the java.awt.Polygon constructor
77.     super(x,y,n);
78.   }
79.   void drawMe(){
80.     beginShape();
81.     for(int i=0;i<npoints;i++){
82.       vertex(xpoints[i],ypoints[i]);
83.     }
84.     endShape();
85.   }
86. }

I want to apply the applet signing tutorial from the Wiki.

1. When exporting, is it normal that I get several jar files (one for the sketch, one for the core library, one for opengl) even if the corresponding option within the preferences is not checked ?
2. Can I use the same keystore file for all my jar files ?
3. Should I copy the keystore file with the other data on the website ?
4. My first attempts with signature caused this message to appear: "The signer certificate will expire within six months.". Does it imply the applet won't be authorized anymore after six months, or does it only mean that I'll have to create a new certificate to sign new applets in six months ?

Thank you in advance.

Hello,

I am  loading an SVG file within a RG object.

The sketch window is sized according to the SVG dimensions (dimensions are divided by 2 because the picture is big).

 s = RG.loadShape("BelgiumC.svg");
 size(int(s.width/2), int(s.height/2), JAVA2D);

However, if I want the whole picture to be shown within the window, I must reduce it further (factor 0.9) :

 polyshp = RG.polygonize(s);
 RG.shape(polyshp, 0, 0, 0.9 * width, 0.9 * height); 

Does it come from the SVG file ? How can I modify it to solve the problem (the SVG file was created with Inkscape) ?

Thank you in advance.

Hello,

I can't figure out how to extract the data from the points created from an SVG loaded within an RG object.

The points seem to be created correctly (the println(points.length); line returns a positive number, not a null). However when calling the mousePressed function, I receive a NullPointerException message.

Actually this could be a syntax error too, I am not sure how to deal with arrays of objects...

Any help welcome !

1. import geomerative.*;
2. RShape s;
3. RShape polyshp;
4. RPoint[] points;
5. void setup() {
6.  size(640, 480, JAVA2D);
7.  RG.init(this);
8.  RG.ignoreStyles(true);
9.  s = RG.loadShape("BelgiumC.svg");
10.  rectMode(CENTER);
11.  smooth();
12.  
13. }
14. void draw() {
15.   background(192);
16.   strokeWeight(1);
17.   fill(128, 128, 0);
18.   stroke(0, 0, 0);
19.   polyshp = RG.polygonize(s);
20.   RG.shape(polyshp, 0, 0, 0.9 * width, 0.9  * height); 
21.   RPoint[] points = s.getPoints(); // capture points
22.   println(points.length);
23.   stroke(255, 0, 0);
24.   fill(255, 255, 255);
25.   translate(0,0,0);
26.   for (int i = 0; i < points.length ; i = i + 50) {
27.     rect(((points[i].x) * (width/ s.width)), ((points[i].y) * (height/ s.height)), 10, 10);
28.   }
29. }
30. void mousePressed() {
31.   for (int i = 0; i < points.length ; i++) {
32.       println(points[i].x+" "+points[i].y);
33.   }
34. }

Hello,

Is there a tutorial or guidelines about insertion of pure Java code in Processing sketches somewhere ? Currently, I'd see that insertion as a way to use additional classes/methods like those described here, which seem quite useful to handle arrays. They belong to this huge VisAD thing.

So another tutorial, about addition (and compilation ?) of externals Java libraries within Processing, would be welcome too.

The following code creates rotating boxes with evolving transparency.

When a box is transparent one can see the edges of boxes which are behind however he cannot see those edges of the box itself which are behind.

Is it possible to change that ?

1. /*
2.  ROTATING TRANSLUCENT CUBES 2
3.  EACH CUBE PULSES AT A DIFFERENT RATE
4. */
5. import processing.opengl.*;
6. // VARIABLES
7. int numCubes = 100;
8. int maxDistance = 300;
9. PVector[] places = new PVector[numCubes]; // stores positions of cubes
10. PVector[] angles = new PVector[numCubes]; // stores orientations of cubes
11. float[] pulsFreq = new float[numCubes]; // stores pulsation frequency for alpha
12. int rate = 120; // set frameRate here
13. int transparency = 0; // cube alpha
14. float xRotateFrequency = 0.503 ; //frequency for rotation around x axis
15. float yRotateFrequency = 0.307 ; //frequency for rotation around y axis
16. float zRotateFrequency = 0.409 ; //frequency for rotation around z axis
17. void setup() {
18.   size (500, 500, OPENGL);
19.   frameRate(rate);
20.   //lights();
21.   stroke(255, 255, 255, 128);
22.   strokeWeight(2);
23.   for (int i = 0; i < numCubes; i++) {
24.     places[i] = new PVector (random(0, maxDistance), random(0, maxDistance), random(-100, maxDistance)) ;
25.     angles[i] = new PVector (random(0, TWO_PI), random(0, TWO_PI), random(0, TWO_PI)) ;
26.     pulsFreq[i] = pow(10., random(-0.25, 0.25)) ;
27.   }
28. }
29. void draw() {
30.   background (0, 0, 0, 0);
31.   smooth();
32.   translate(width/2, height/2, 0);
33.   rotateX(xRotateFrequency * float(frameCount) / float(rate));
34.   rotateY(yRotateFrequency * float(frameCount) / float(rate));
35.   rotateZ(zRotateFrequency * float(frameCount) / float(rate));
36.   for (int i = 0; i < numCubes; i++) {
37.     pushMatrix() ;
38.     smooth();
39.     rotateX(angles[i].x);
40.     rotateY(angles[i].y);
41.     rotateZ(angles[i].z);
42.     translate(places[i].x, places[i].y, places[i].z);
43.     transparency = 50 + int(206. * (0.5 + (0.5 * (sin((((pulsFreq[i] * float(frameCount) / float(rate)) * TWO_PI) % TWO_PI))))));
44.     fill(255, 96, 128, transparency) ;
45.     box(30);
46.     popMatrix() ;
47.   }
48. }

Hello,

I know there are some unsolved issues with ortho() ( http://code.google.com/p/processing/issues/detail?id=37). However, using OpenGL as renderer, is it normal that I get a " ortho(), or this particular variation of it, is not available with this renderer." message ? Does it has anything to do with the current bugs or am I missing something ?

Otherwise would it be possible to have an orthographic-equivalent projection using perspective() with specific settings ?

Thank you in advance.

Hello,

In this sketch I want to move the pink line with the mouse along the green line. The mouse pointer must be on the blue part to allow the displacement.

The problem: if the mouse is moved too fast, the pink bar disappears.

What's wrong ?

Please note the lines are in a 3D scene.

1. /*
2.        HANDLE + CONSTRAINT MOVE
3.       
4. */
5. import processing.opengl.* ;
6. import codeanticode.glgraphics.*;
7. import javax.media.opengl.*;
8. import javax.media.opengl.glu.*;
9. import java.nio.*;
10. // VARIABLES
11. PVector[] handleOne = new PVector[2];
12. boolean locked = boolean(0) ; // test verrouillage souris sur point ?
13. boolean bover = boolean(0) ;
14. int movingPoint = 0 ;
15. // Colors
16. int bgColor = color(255, 255, 255); // background color
17. int handleColor = color(255, 128, 220);
18. int squareColor = color(255, 0, 0);
19. int ellipseColor = color(0, 255, 255);
20. void setup() {
21.   size (500, 500, OPENGL);
22.   background(bgColor);
23.   smooth();
24.   ellipseMode(CENTER);
25.   rectMode(CENTER);
26.  
27.   // Line definition
28.   handleOne[0] = new PVector(0, 250, 0);
29.   handleOne[1] = new PVector(100, 250, 0);
30.  
31.  
32. }
33. void draw() {
34.   stroke(handleColor);
35.   strokeWeight(2);
36.   translate(50, 50, 0);
37.   rotateZ(map(-90, 0, height, 0, PI));
38.   //ellipse(handleOne[0].x, handleOne[0].y, 0, 10);
39.   //Draws handle line
40.   beginShape(LINES);
41.   vertex(handleOne[0].x, handleOne[0].y, 0);
42.   vertex(handleOne[1].x, handleOne[1].y, 0);
43.   endShape();
44.   //Draw reference line
45.   stroke(0, 255, 0);
46.   beginShape(LINES);
47.   vertex(50, 0, 0);
48.   vertex(50, 500, 0);
49.   endShape();
50.   //Draw Ellipse
51.   stroke(ellipseColor);
52.   fill(ellipseColor);
53.   ellipse(handleOne[0].x, handleOne[0].y, 0, 10);
54.  
55.   //Tests whether mouse rolls over points and draws red squares
56.     strokeWeight(1);
57.     if (locked) {
58.       squareColor = color(255, 0, 0);
59.     } else {
60.       squareColor = color(128, 0, 0);
61.     }
62.     stroke(squareColor);
63.     fill(squareColor);
64.     if(dist(mouseX, mouseY, screenX(handleOne[0].x, handleOne[0].y, handleOne[0].z), screenY(handleOne[0].x, handleOne[0].y, handleOne[0].z)) <= 5) {
65.       movingPoint = 1;
66.       rect(handleOne[0].x, handleOne[0].y, 10, 10);
67.     } else {
68.       movingPoint = -1;
69.     }
70.     if (movingPoint != -1) {
71.       bover = true ;
72.     } else {
73.       bover = false;
74.     }
75.     //
76. }
77. */
78.    CURRENTLY UNUSED
79. void keyPressed() {
80.   if (key == CODED) {
81.     if (keyCode == UP) {
82.       print(handleOne[0]);
83.       handleOne[0].y = handleOne[0].y-5;
84.       handleOne[1].y = handleOne[1].y-5;
85.     }
86.     if (keyCode == DOWN) {
87.       print(handleOne[0]);
88.       handleOne[0].y = handleOne[0].y+5;
89.       handleOne[1].y = handleOne[1].y+5;
90.     }
91.   }
92. }
93. */ 
94. //********** Detects whether mouse button is pressed
95. void mousePressed() {
96.   if(bover) {
97.     locked = true;
98.   } else {
99.     locked = false;
100.   }
101. }
102. //********** Moves selected point while button held
103. void mouseDragged() {
104.   if(locked) {
105.     strokeWeight(1);
106.     stroke(255,0,0);
107.     fill(255,0,0);
108.         //handleOne[0].x = getMouse3D()[0] ;
109.         handleOne[0].y = getMouse3D()[1] ;
110.         //handleOne[0].z = getMouse3D()[2] ;
111.         //handleOne[1].x = getMouse3D()[0]+100 ;
112.         handleOne[1].y = getMouse3D()[1] ;
113.         //handleOne[1].z = getMouse3D()[2] ;
114.         // mouse (screen) to world conversion
115.     }
116. }
117. //********** Unlocks upon button release
118. void mouseReleased() {
119.   locked = false;
120.   bover = false;
121. }
122. //************* SCREEN TO WORLD FUNCTION - found on old Processing forum ********************
123. float[] getMouse3D()
124. {
125.   ((PGraphicsOpenGL)g).beginGL();
126.   int viewport[] = new int[4];
127.   double[] proj=new double[16];
128.   double[] model=new double[16];
129.   ((PGraphicsOpenGL)g).gl.glGetIntegerv(GL.GL_VIEWPORT, viewport, 0);
130.   ((PGraphicsOpenGL)g).gl.glGetDoublev(GL.GL_PROJECTION_MATRIX,proj,0);
131.   ((PGraphicsOpenGL)g).gl.glGetDoublev(GL.GL_MODELVIEW_MATRIX,model,0);
132.   FloatBuffer fb = ByteBuffer.allocateDirect(4).order(ByteOrder.nativeOrder()).asFloatBuffer();
133.   ((PGraphicsOpenGL)g).gl.glReadPixels(mouseX, height-mouseY, 1, 1, GL.GL_DEPTH_COMPONENT, GL.GL_FLOAT, fb);
134.   fb.rewind();
135.   double[] mousePosArr=new double[4];
136.   ((PGraphicsOpenGL)g).glu.gluUnProject((double)mouseX,height-(double)mouseY,(double)fb.get(0),model,0,proj,0,viewport,0,mousePosArr,0);
137.   ((PGraphicsOpenGL)g).endGL();
138.   return new float[]{(float)mousePosArr[0],(float)mousePosArr[1],(float)mousePosArr[2]};
139. }

Hello,

In the sketch below, a 2D grid is drawn and inserted in a 3D space. I want to be able to move some grid's points. Using the screenX and screenY functions I know when my mouse pointer is over a point. However as there is no reciprocal ("screen to world") function in Processing, I am using some code found on the older forum. It seems that it relies on Java 2D so I get this incompatibility message :

ClassCastException: processing.core.PGraphicsJava2D cannot be cast to processing.opengl.PGraphicsOpenGL

The message is caused by the code at lines 40 and 41:

1.   gl=((PGraphicsOpenGL)g).gl; // for screen to world
     glu=((PGraphicsOpenGL)g).glu; // same here
   

So, is there a "pure" OpenGL replacement for this?

Thank you in advance.

1. //
2. // Grid creation with rows x cols points. Plane is set in an OpenGL 3D scene. Intersections can be moved.
3. //
4. import controlP5.*;
5. import processing.opengl.*;
6. import codeanticode.glgraphics.*;
7. import javax.media.opengl.*;
8. import javax.media.opengl.glu.*;
9. import java.nio.*;
10. ControlP5 controlP5;
11. GL gl; // for mouse to world conversion
12. GLU glu; // same here
13. int rows = 15; // number of rows
14. int cols = 8; // number of cols
15. int points = rows * cols ; // number of points
16. int x_size = 500; // width
17. int y_size = 500; // height
18. int margin = 50; // margin
19. int button_height = 100; // additional height for button zone
20. //int coords = 2; // number of coordinates per point (2D at the moment)
21. int bgColor = color(255, 255, 255); // background color
22. int squareColor = color(128, 0, 0); // square color upon mouse over point
23. boolean bover = false;
24. boolean locked = false;
25. int movingPoint = -1 ; // number of selected point
26. PVector[] mesPoints = new PVector[points];
27. // this is only a note.
28. // we will not use variable b in the code below.
29. // we have to use controlP5.Button here since there
30. // would be a conflict if we only use Button to declare button b.
31. controlP5.Button b;
32. // a button-controller with name buttonValue will change the
33. // value of this variable when pressed.
34. //int buttonValue = 0;
35. //********** SETUP
36. void setup()
37. {
38.  
39.  
40.   gl=((PGraphicsOpenGL)g).gl; // for screen to world
41.   glu=((PGraphicsOpenGL)g).glu; // same here
42.   smooth();
43.   ellipseMode(CENTER);
44.   rectMode(CENTER);
45.   size(x_size, (y_size+button_height), OPENGL);
46.   background(bgColor);
47.   //Button
48.   controlP5 = new ControlP5(this);
49.   controlP5.addButton("Bouton1",0,50, (y_size+50),88,21);
50.   controlP5.setColorActive(color(255, 0, 0)); // color for mouse-over
51.   controlP5.setColorBackground(color(128, 0, 0)); // default background color
52.   controlP5.setColorLabel(color(255, 255, 255)); // text color
53.   controlP5.controller("Bouton1").setLabel("Regenerate points"); // button label
54.   //controlP5.setColorForeground(color(128, 0, 0)); // default color
55.   // Creates positions for points
56.   for (int i = 0; i < rows; i++) {
57.     for (int j = 0; j < cols; j++) {
58.       int current_point = (cols * i)+j;
59.       mesPoints[current_point] = new PVector( ((((x_size - (2*margin))/(cols-1)) * j)+margin), ((((y_size - (2*margin))/(rows-1)) * i)+margin), 0);
60.     }
61.   }
62. }
63. //********** DRAW
64. void draw()
65. {
66.   // Erases everything  - redraws lines
67.   background(bgColor);
68.   //Open GL 3D stuff
69.   lights();
70.   //translate(width / 2, height / 2);
71.   rotateY(map(mouseX/10, 0, width, 0, -PI));
72.   rotateZ(map(mouseY/10, 0, height, 0, PI));
73.   // Draw lines
74.   strokeWeight(2);
75.   for (int i = 0; i < rows ; i++) {
76.     for (int j = 0; j < cols ; j++) {
77.       int current_point = (cols * i)+j;
78.       //Draw horizontal lines
79.       if (j < cols - 1) { // all but last column
80.         if ((i == 0) || (i == (rows - 1))) { // first and last rows
81.           stroke(0, 0, 0); // outer lines are black
82.         } else {
83.           stroke(0,192,255); // inner lines are blue
84.         }
85.         beginShape(LINES);
86.         vertex(mesPoints[current_point].x, mesPoints[current_point].y, 0);
87.         vertex(mesPoints[current_point+1].x, mesPoints[current_point+1].y, 0);
88.         endShape();
89.       }
90.       //Draw vertical lines
91.       if (i < rows - 1) { // all but last line
92.         if ((j == 0) || (j == (cols - 1))) { // first and last column
93.           stroke(0, 0, 0); // outer lines are black
94.         } else {
95.           stroke(0,192,255); // inner lines are blue
96.         }
97.         beginShape(LINES);
98.         vertex(mesPoints[current_point].x, mesPoints[current_point].y, 0);
99.         vertex(mesPoints[current_point+cols].x, mesPoints[current_point+cols].y, 0);
100.         endShape();
101.       }
102.     }
103.   }
104.   // Draws points
105.   strokeWeight(1);
106.   for (int i = 0; i < (rows * cols) ; i++) {
107.     if ( (i % cols == 0) || (i % cols == (cols - 1)) || (((i+1) / cols)  == 0) || (((i+1) / cols)  == rows - 1 ) ) { //outer points
108.       stroke(0,0, 0);
109.       fill(0,0,0);
110.     } else { // inner points
111.       stroke(0,192, 255);
112.       fill(255,255,0);
113.     }
114.     ellipse(mesPoints[i].x, mesPoints[i].y, 10, 10);
115.   }
116.  
117.  
118.   //Tests whether mouse rolls over points and draws red squares
119.     strokeWeight(1);
120.     if (locked) {
121.       squareColor = color(255, 0, 0);
122.     } else {
123.       squareColor = color(128, 0, 0);
124.     }
125.     stroke(squareColor);
126.     fill(squareColor);
127.     for (int i = 0; i < points; i++) {
128.       // distance between mouse pointer and projection of underneath vertice on screen.
129.       if(dist(mouseX, mouseY, screenX(mesPoints[i].x, mesPoints[i].y, mesPoints[i].z), screenY(mesPoints[i].x, mesPoints[i].y, mesPoints[i].z)) <= 5) {
130.         movingPoint = i;
131.         rect(mesPoints[i].x, mesPoints[i].y, 10, 10);
132.         i = points ; //not necessary to go on with loop
133.       } else {
134.         movingPoint = -1;
135.       }
136.     }
137.     if (movingPoint != -1) {
138.       bover = true ;
139.     } else {
140.       bover = false;
141.     }
142.     //
143. }
144. //********** Detects whether mouse button is pressed
145. void mousePressed() {
146.   if(bover) {
147.     locked = true;
148.   } else {
149.     locked = false;
150.   }
151. }
152. //********** Moves selected point while button held
153. void mouseDragged() {
154.   if(locked) {
155.     strokeWeight(1);
156.     stroke(255,0,0);
157.     fill(255,0,0);
158.         mesPoints[movingPoint].x = getMouse3D()[0] ;
159.        mesPoints[movingPoint].y = getMouse3D()[1] ;
160.       mesPoints[movingPoint].z = getMouse3D()[2] ;  // mouse (screen) to world conversion
161.         //mesPoints[movingPoint].x = mouseX;
162.         //mesPoints[movingPoint].y = mouseY;
163.         //rect(mesPoints[movingPoint].x, mesPoints[movingPoint].y, 10, 10);
164.     }
165. }
166. //********** Unlocks upon button release
167. void mouseReleased() {
168.   locked = false;
169.   bover = false;
170. }
171. //**********function Bouton1 will receive changes from
172. //********** controller with name controlP5
173. public void Bouton1(int theValue) {
174.     for (int i = 0; i < rows; i++) {
175.       int randomX;
176.       int randomY;
177.       for (int j = 0; j < cols; j++) {
178.         int current_point = (cols * i)+j;
179.         if ( (current_point % cols == 0) || (current_point % cols == (cols - 1)) || (((current_point+1) / cols)  == 0) || (((current_point+1) / cols)  == rows - 1 )) { //outer points
180.           randomX = 0;
181.           randomY = 0;
182.       } else { // inner points
183.         randomX = int(random(-10, 10));
184.         randomY = int(random(-10, 10));
185.       }
186.       mesPoints[current_point] = new PVector( ((((x_size - (2*margin))/(cols-1)) * j)+margin+randomX), ((((y_size - (2*margin))/(rows-1)) * i)+margin+randomY), 0);
187.     }
188.   }
189. }
190. //************* SCREEN TO WORLD FUNCTION - found on old Processing forum ********************
191. float[] getMouse3D()
192. {
193.   ((PGraphicsOpenGL)g).beginGL();
194.   int viewport[] = new int[4];
195.   double[] proj=new double[16];
196.   double[] model=new double[16];
197.   gl.glGetIntegerv(GL.GL_VIEWPORT, viewport, 0);
198.   gl.glGetDoublev(GL.GL_PROJECTION_MATRIX,proj,0);
199.   gl.glGetDoublev(GL.GL_MODELVIEW_MATRIX,model,0);
200.   // java.nio.FloatBuffer fb = java.nio.ByteBuffer.allocateDirect(4).order(java.nio.ByteOrder.nativeOrder()).asFloatBuffer(); // replaces line below if java.nio not available
201.   FloatBuffer fb = ByteBuffer.allocateDirect(4).order(ByteOrder.nativeOrder()).asFloatBuffer();
202.   gl.glReadPixels(mouseX, height-mouseY, 1, 1, GL.GL_DEPTH_COMPONENT, GL.GL_FLOAT, fb);
203.   fb.rewind();
204.   double[] mousePosArr=new double[4];
205.   glu.gluUnProject((double)mouseX,height-(double)mouseY,(double)fb.get(0),model,0,proj,0,viewport,0,mousePosArr,0);
206.   ((PGraphicsOpenGL)g).endGL();
207.   return new float[]{(float)mousePosArr[0],(float)mousePosArr[1],(float)mousePosArr[2]};
208. }
209. //*********
210. // END
211. //*********

This sketch draws a 2D grid and allows to drag points. I'd like to achieve the same results in 3D.

Which classes/library would you recommend  ?

Also, how can I insert a different number per line within the code in my messages to the forum ?

Thank you in advance.

Nesnduma

1. //
   // Mesh creation m x n points with mobile vertices
   //
   
   import controlP5.*;
   
   ControlP5 controlP5;
   
   int rows = 15; // number of rows
   int cols = 8; // number of cols
   int points = rows * cols ; // number of points
   int x_size = 500; // width
   int y_size = 500; // height
   int margin = 50; // margin
   int button_height = 100; // additional height for button zone
   //int coords = 2; // number of coordinates per point (2D at the moment)
   int bgColor = color(255, 255, 255); // background color
   int squareColor = color(128, 0, 0); // square color upon mouse over point
   boolean bover = false;
   boolean locked = false;
   int movingPoint = -1 ; // number of selected point
   PVector[] mesPoints = new PVector[points];
   
   // this is only a note.
   // we will not use variable b in the code below.
   // we have to use controlP5.Button here since there
   // would be a conflict if we only use Button to declare button b.
   controlP5.Button b;
   
   // a button-controller with name buttonValue will change the
   // value of this variable when pressed.
   //int buttonValue = 0;
   
   //********** SETUP
   void setup()
   {
     smooth();
     ellipseMode(CENTER);
     rectMode(CENTER);
     size(x_size, (y_size+button_height));
     background(bgColor);
     //Button
     controlP5 = new ControlP5(this);
     controlP5.addButton("Bouton1",0,50, (y_size+50),88,21);
     controlP5.setColorActive(color(255, 0, 0)); // color for mouse-over
     controlP5.setColorBackground(color(128, 0, 0)); // default background color
     controlP5.setColorLabel(color(255, 255, 255)); // text color
     controlP5.controller("Bouton1").setLabel("Regenerate points"); // button label
     //controlP5.setColorForeground(color(128, 0, 0)); // default color
     // Creates positions for points
     for (int i = 0; i < rows; i++) {
       for (int j = 0; j < cols; j++) {
         int current_point = (cols * i)+j;
         mesPoints[current_point] = new PVector( ((((x_size - (2*margin))/(cols-1)) * j)+margin), ((((y_size - (2*margin))/(rows-1)) * i)+margin));
       }
     }
   }
   
   //********** DRAW
   void draw()
   {
     // Erases everything  - redraws lines
     background(bgColor);
     // Draw lines
     strokeWeight(2);
     for (int i = 0; i < rows ; i++) {
       for (int j = 0; j < cols ; j++) {
         int current_point = (cols * i)+j;
         //Draw horizontal lines
         if (j < cols - 1) { // all but last column
           if ((i == 0) || (i == (rows - 1))) { // first and last rows
             stroke(0, 0, 0); // outer lines are black
           } else {
             stroke(0,192,255); // inner lines are blue
           }
           line(mesPoints[current_point].x, mesPoints[current_point].y, mesPoints[current_point+1].x, mesPoints[current_point+1].y);
         }
         //Draw vertical lines
         if (i < rows - 1) { // all but last line
           if ((j == 0) || (j == (cols - 1))) { // first and last column
             stroke(0, 0, 0); // outer lines are black
           } else {
             stroke(0,192,255); // inner lines are blue
           }
           line(mesPoints[current_point].x, mesPoints[current_point].y, mesPoints[current_point+cols].x, mesPoints[current_point+cols].y);
         }
       }
     }
   
     // Draws points
     strokeWeight(1);
     for (int i = 0; i < (rows * cols) ; i++) {
       if ( (i % cols == 0) || (i % cols == (cols - 1)) || (((i+1) / cols)  == 0) || (((i+1) / cols)  == rows - 1 ) ) { //outer points
         stroke(0,0, 0);
         fill(0,0,0);
       } else { // inner points
         stroke(0,192, 255);
         fill(255,255,0);
       }
       ellipse(mesPoints[i].x, mesPoints[i].y, 10, 10);
     }
    
    
     //Tests whether mouse rolls over points and draws red squares
       strokeWeight(1);
       if (locked) {
         squareColor = color(255, 0, 0);
       } else {
         squareColor = color(128, 0, 0);
       }
       stroke(squareColor);
       fill(squareColor);
       for (int i = 0; i < points; i++) {
         if(dist(mouseX, mouseY, mesPoints[i].x, mesPoints[i].y) <= 5) {
           movingPoint = i;
           rect(mesPoints[i].x, mesPoints[i].y, 10, 10);
           i = points ; //not necessary to go on with loop
         } else {
           movingPoint = -1;
         }
       }
       if (movingPoint != -1) {
         bover = true ;
       } else {
         bover = false;
       }
       //
   }
   
   //********** Detects whether mouse button is pressed
   void mousePressed() {
     if(bover) {
       locked = true;
     } else {
       locked = false;
     }
   }
   
   //********** Moves while button held
   void mouseDragged() {
     if(locked) {
       strokeWeight(1);
       stroke(255,0,0);
       fill(255,0,0);
           mesPoints[movingPoint].x = mouseX;
           mesPoints[movingPoint].y = mouseY;
           rect(mesPoints[movingPoint].x, mesPoints[movingPoint].y, 10, 10);
       }
   }
   
   //********** Unlocks upon button release
   void mouseReleased() {
     locked = false;
     bover = false;
   }
   
   // function Bouton1 will receive changes from
   // controller with name controlP5
   public void Bouton1(int theValue) {
       for (int i = 0; i < rows; i++) {
         int randomX;
         int randomY;
         for (int j = 0; j < cols; j++) {
           int current_point = (cols * i)+j;
           if ( (current_point % cols == 0) || (current_point % cols == (cols - 1)) || (((current_point+1) / cols)  == 0) || (((current_point+1) / cols)  == rows - 1 ) ) { //outer points
             randomX = 0;
             randomY = 0;
         } else { // inner points
           randomX = int(random(-10, 10));
           randomY = int(random(-10, 10));
         }
         mesPoints[current_point] = new PVector( ((((x_size - (2*margin))/(cols-1)) * j)+margin+randomX), ((((y_size - (2*margin))/(rows-1)) * i)+margin+randomY));
       }
     }
   }
   
   //*********
   // END
   //*********
   

Hello,

This page provides Java classes to receive Magic Trackpad's data within a Java program under MacOS X. Would it require much work to adapt it to Processing (maybe as a library) ?

Thank you in advance.

Amundsen

Hello,

I am running Processing 1.2.1 with toxiclibs-complete-0020 library.

I think there is a problem with the library import. When I try to run the following example (included with the library) I receive a 'Cannot find a class or type named "Triangle" ' message.

What's wrong ?

Also, it is normal that it is written "include toxi.geom..." rather than "include toxi.toxiclibscore.geom...", as the geom classes are included in the toxiclibscore package ?

Thank you in advance.

1. /**
    * <p>Manual mesh face extrusion</p>
    *
    * <p><strong>Usage:</strong>
    * <ul>
    * <li>f - toggle filled/wireframe display</li>
    * <li>a/d - move extruded face along X axis</li>
    * <li>w/s - moved face along Y</li>
    * <li>z/x - move face along Z</li>
    * </ul></p>
    */
   
   /*
    * Copyright (c) 2010 Karsten Schmidt
    *
    * This demo & library is free software; you can redistribute it and/or
    * modify it under the terms of the GNU Lesser General Public
    * License as published by the Free Software Foundation; either
    * version 2.1 of the License, or (at your option) any later version.
    *
    * http://creativecommons.org/licenses/LGPL/2.1/
    *
    * This library is distributed in the hope that it will be useful,
    * but WITHOUT ANY WARRANTY; without even the implied warranty of
    * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
    * Lesser General Public License for more details.
    *
    * You should have received a copy of the GNU Lesser General Public
    * License along with this library; if not, write to the Free Software
    * Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
    */
    
   import toxi.processing.*;
   
   import toxi.geom.*;
   import toxi.geom.mesh.*;
   
   TriangleMesh mesh;
   boolean isFilled = true;
   
   ToxiclibsSupport gfx;
   
   void setup() {
     size(680, 382, P3D);
     gfx = new ToxiclibsSupport(this);
     // create a mesh from the axis-aligned bounding box (AABB)
     mesh = (TriangleMesh)new AABB(new Vec3D(), 100).toMesh();
     // get first face/triangle of mesh
     Face f = mesh.faces.get(0);
     // extrude along positive Z axis and shrink to 25% of original size
     // shrinking is done by moving vertices towards centroid of the face
     // before extruding
     float shrink=0.25;
     Vec3D centroid = new Triangle(f.a, f.b, f.c).computeCentroid();
     Vec3D extrude = new Vec3D(0, 0, 100);
     Vec3D a = f.a.interpolateTo(centroid, 1-shrink).add(extrude);
     Vec3D b = f.b.interpolateTo(centroid, 1-shrink).add(extrude);
     Vec3D c = f.c.interpolateTo(centroid, 1-shrink).add(extrude);
     // begin by adding new side faces:
     // side A
     mesh.addFace(f.a, a, f.c);
     mesh.addFace(a, c, f.c);
     // side B
     mesh.addFace(f.a, b, a);
     mesh.addFace(f.a, f.b, b);
     // side C
     mesh.addFace(f.c, c, f.b);
     mesh.addFace(c, b, f.b);
     // remove original face
     mesh.faces.remove(0);
     // add new face as cap
     mesh.addFace(a, b, c);
     // update normals (for shading)
     mesh.computeVertexNormals();
   }
   
   void draw() {
     background(0);
     camera(width / 2 - mouseX, height / 2 - mouseY, 400, 0, 0, 0, 0, 1, 0);
     lights();
     if (!isFilled) {
       noFill();
       stroke(255);
       gfx.mesh(mesh, false, 10);
     }
     else {
       fill(255);
       stroke(255);
       gfx.mesh(mesh, false, 10);
     }
   }
   
   void keyPressed() {
     if (key == 'f') {
       isFilled = !isFilled;
     }
     Vec3D offset = new Vec3D();
     if (key == 'a') {
       offset.x = -1;
     }
     if (key == 'd') {
       offset.x = 1;
     }
     if (key == 'w') {
       offset.y = -1;
     }
     if (key == 's') {
       offset.y = 1;
     }
     if (key == 'z') {
       offset.z = -1;
     }
     if (key == 'x') {
       offset.z = 1;
     }
     Face f = mesh.faces.get(mesh.faces.size() - 1);
     translateFace(f, offset);
   }
   
   void translateFace(Face f, Vec3D offset) {
     f.a.addSelf(offset);
     f.b.addSelf(offset);
     f.c.addSelf(offset);
     mesh.computeFaceNormals();
     mesh.computeVertexNormals();
   }
   
   

Hello,

This is my first Processing project.

When the mouse is dragged close to a vertex, it is moved with the pointer. However there are two problems:
1. If I move the mouse too fast, the vertex is "lost" by the mouse and doesn't move anymore.
2. If a vertex is too close to another, they both move with the mouse.

Any idea ?

Thank you in advance.

Nesnduma

1. //
   // Displacement of vertices by mousedrag
   //
     int points = 4;
     int coords = 2;
     int bgColor = color(255, 255, 255);
    
     int[][] mesPoints = new int[points][coords];
   
   //********** SETUP
   void setup()
   {
     smooth();
     ellipseMode(CENTER);
     rectMode(CENTER);
     size(400, 400);
     background(bgColor);
     // Creates random positions for points
     // Two embedded loops
     for (int i = 0; i < points; i++) {
       for (int j = 0; j < coords; j++) {
       mesPoints[i][j] = int(random(0,400));
       }
       print("Point ");
       println(i+" :");
       println(mesPoints[i]);
     }
   }
   
   //********** DRAW
   void draw()
   {
     // Erases everything  - redraws lines
     background(bgColor);
     for (int i = 0; i < points ; i++) {
       // Draws lines
       strokeWeight(2);
       stroke(0,192,255);
       line(mesPoints[i][0], mesPoints[i][1], mesPoints[(i+1)%points][0], mesPoints[(i+1)%points][1]);
     }
     // Draws points
     for (int i = 0; i < points ; i++) {
       strokeWeight(1);
       // Points
       stroke(0,192, 255);
       fill(255,255,0);
       ellipse(float(mesPoints[i][0]), float(mesPoints[i][1]), 10., 10.);
     }
    
     //Test whether mouse rolls over points and draws red squares
       strokeWeight(1);
       stroke(255,0,0);
       fill(255,0,0);
       for (int i = 0; i < points; i++) {
         if((abs(mouseX - mesPoints[i][0]) <= 5) && (abs(mouseY - mesPoints[i][1]) <= 5)) {
           rect(mesPoints[i][0], mesPoints[i][1], 10, 10);
         }
       }
   }
   
   //********** MOUSEDRAG + UPDATE POSITIONS
   void mouseDragged() {
       strokeWeight(1);
       stroke(255,0,0);
       fill(255,0,0);
       for (int i = 0; i < points; i++) {
         if((abs(mouseX - mesPoints[i][0]) <= 5) && (abs(mouseY - mesPoints[i][1]) <= 5)) {
           mesPoints[i][0] = mouseX;
           mesPoints[i][1] = mouseY;
           rect(mesPoints[i][0], mesPoints[i][1], 10, 10);
         }
       }
   }