Quantcast
Channel: Processing Forum
Viewing all 1768 articles
Browse latest View live
↧

simple OPENGL, worked in 1.51, doesn't work anymore....

December 16, 2012, 2:12 pm
$
0
0


hello all,

this is a simple OPENGL-code, it worked in 1.51, doesn't work anymore....

can anyone help?

Thank you!

Chrisir  



  1. // imports ---------------------------------------------------
  2. //import processing.opengl.PGraphicsOpenGL;
  3. import javax.media.opengl.GL;
  4. import javax.media.opengl.glu.GLU;
  5. import javax.media.opengl.glu.GLUquadric;
  6. import com.sun.opengl.util.texture.Texture;
  7. import com.sun.opengl.util.texture.TextureIO;
  8. import peasy.PeasyCam; //peasy camera control
  9. // opengl
  10. import processing.opengl.*;
  11. /** PeasyCam **/
  12. import peasy.*;
  13. // Audio
  14. //import ddf.minim.*;
  15. // for export
  16. import superCAD.*;
  17. // global vars -----------------------------------------------
  18. // control behaviour parameters --------------------
  19. boolean testingForDebugging      = false;
  20. int showingCubeData              = 0;
  21. //
  22. boolean boolGl_Control           = false;  // Marble with opengl?
  23. boolean boolGl_Control_for_Boxes = false; // Boxes with opengl?
  24. // Camera Types
  25. boolean CameraMoving          = false;    // camera always ahead of Marble
  26. boolean CameraMoving2         = false;    // good for movie (camera on a circle track)
  27. // Movie
  28. boolean boolMakeMovie         = false;  // saves a Movie
  29. boolean boolUseCheckeredFloor = true;   // Floor Type
  30. // other vars ---------------------------------------------------
  31. // cube
  32. final int cubeSize = 49; // width, height and depth
  33. final int undefinedCube = -11;
  34. // GL stuff
  35. PGraphicsOpenGL pgl;
  36. GL gl;
  37. GLU glu;
  38. GLUquadric mysphere;
  39. GLUquadric myBox;
  40. Texture textureMarble;
  41. float marbleX=200;
  42. float marbleY=200;
  43. float marbleZ=-100;
  44. float r = 19; // Sized to fit the texture
  45. float rotateMarble = 0.39;
  46. float rotateMarbleSpeed = 0.02; // .196
  47. float MarbleRotateX=0.2;
  48. float MarbleRotateY=0.2;
  49. float MarbleRotateZ=0.2;
  50. void setup() {
  51.   size(890, 660, OPENGL);
  52.   // size(screenWidth, screenHeight, OPENGL );
  53.   // noCursor();
  54.   //cam.setMinimumDistance(40);
  55.   //cam.setMaximumDistance(6550);
  56.   // cam.lookAt( 70, 390, 0 );
  57.   pgl = (PGraphicsOpenGL) g; 
  58.   gl = pgl.gl; 
  59.   glu = pgl.glu;
  60.   mysphere = glu.gluNewQuadric();
  61.   glu.gluQuadricDrawStyle(mysphere, glu.GLU_FILL);
  62.   glu.gluQuadricNormals(mysphere, glu.GLU_NONE);
  63.   glu.gluQuadricTexture(mysphere, true);
  64.   myBox = glu.gluNewQuadric();
  65.   glu.gluQuadricDrawStyle(myBox, glu.GLU_FILL);
  66.   glu.gluQuadricNormals(myBox, glu.GLU_NONE);
  67.   glu.gluQuadricTexture(myBox, true); 
  68.   try {   
  69.     textureMarble = TextureIO.newTexture(new
  70.       File(dataPath("textures2.jpg")), true);
  71.   } 
  72.   catch (IOException e) {       
  73.     println("failed to load picture - line 159.   ++++++++++++++++++++++");
  74.     javax.swing.JOptionPane.showMessageDialog(this, e);
  75.     exit();
  76.   }
  77. } // func
  78. void draw (  ) {
  79.   background (0);
  80.   PaintMarble () ;
  81. }
  82. void PaintMarble () {
  83.   pgl.beginGL();
  84.   gl.glPushMatrix();
  85.   gl.glTranslatef( marbleX, marbleY, marbleZ);
  86.   gl.glRotatef(degrees(rotateMarble), MarbleRotateX, MarbleRotateY, MarbleRotateZ);
  87.   gl.glColor3f(1, 1, 1);
  88.   textureMarble.enable();
  89.   textureMarble.bind();
  90.   //The Sphere
  91.   glu.gluSphere(mysphere, r, 40, 40);
  92.   textureMarble.disable();
  93.   gl.glPopMatrix();
  94.   pgl.endGL();
  95.   if (rotateMarble < 360) {
  96.     rotateMarble = rotateMarble + rotateMarbleSpeed;
  97.   }
  98.   else {
  99.     rotateMarble = 0;
  100.   }
  101. } // method

↧
Search

Re : simple OPENGL, worked in 1.51, doesn't work anymore....

December 17, 2012, 9:52 am
$
0
0


or let me reframe the question:
how can I texture a sphere and let it look like it's rolling?

Thank you!


↧
↧

How to use a fragment shader on a PGraphics in Processing 2.0xx?

December 17, 2012, 2:39 pm
$
0
0
So far I've only gotten the filter(shader) method to work as a post-processing filter on the whole window. While the syntax pgraphics.filter(shader) is allowed, it doesn't seem to work. The method filter(shader) works from/to the main PGraphics, so it would make sense that pgraphics.filter(shader) would work from/to a user-defined PGraphics. At least that's what I'm hoping, because I'd like to use a GLSL fragment shader on an offscreen PGraphics.

Is this possible? And if so, how?

↧

Re : How to reset a PGraphics ?

December 17, 2012, 2:53 pm
$
0
0
No need for begin/endShape, only begin/endDraw are necessary to draw on a PGraphics.
↧

Calendar class related error in latest Processing 2.0b7

December 18, 2012, 12:48 am
$
0
0
I'm testing the code "M_1_6_01_TOOL" from the book Generative Design, and the latest Processing 2.0b7 will give me error related to the Calendar class, but the code run smoothly in 2.0b6

source code:
http://www.generative-gestaltung.de/M_1_6_01_TOOL

Anybody encounter similar problem?

↧
↧

Re : Calendar class related error in latest Processing 2.0b7

December 18, 2012, 1:11 am
$
0
0
See several similar threads on the forum (just search 2.0b7), and when you upgrade, it is often a good idea to read the changelist...
↧

Re : 2.x PGraphics thread crash

December 18, 2012, 8:37 am
↧

Re : How to use a fragment shader on a PGraphics in Processing 2.0xx?

December 18, 2012, 8:57 am
$
0
0
The filer(PShader) function should work with a PGraphics surface, as long as it is created as P2D or P3D:
  1. PShader edges;
  2. boolean applyFilter = true;
  3. PGraphics pg;

  5. void setup() {
  6.   size(640, 360, P3D);
  7.   edges = loadShader("edges.glsl");
  8.   pg = createGraphics(640, 360, P3D);  
  9.   noStroke(); 
  10. }

  12. void draw() {
  13.   pg.beginDraw();
  14.   pg.noStroke();
  15.   pg.background(0);
  16.   pg.lights();
  17.   
  18.   pg.translate(width/2, height/2);  
  19.   pg.pushMatrix();
  20.   pg.rotateX(frameCount * 0.01);  
  21.   pg.rotateY(frameCount * 0.01);
  22.   pg.box(120);
  23.   pg.popMatrix();
  24.     
  25.   if (applyFilter == true) {
  26.     pg.filter(edges);
  27.   }
  28.   
  29.   // The sphere doesn't have the edge detection applied 
  30.   // on it because it is drawn after filter() is called.
  31.   pg.rotateY(frameCount * 0.02);
  32.   pg.translate(150, 0);
  33.   pg.sphere(40);
  34.   pg.endDraw();
  35.   
  36.   image(pg, 0, 0, width, height);
  37. }

  39. void mousePressed() {
  40.   applyFilter = !applyFilter;
  41. }
↧
Search

Re : simple OPENGL, worked in 1.51, doesn't work anymore....

December 18, 2012, 10:05 am
$
0
0


I know there are approaches with double for loops to redo the Sphere-Command and make y sphere from rectangles and texture them somehow....

but that 's too slow.

the approach above used to work in 1.51..............

All help appreciated


↧
↧

Re : How to use a fragment shader on a PGraphics in Processing 2.0xx?

December 18, 2012, 10:15 am
$
0
0
Thank you andres. It works!

I also see now where the error was in my test code. I called pg.filter(shader) outside beginDraw-endDraw.

Now that you have shown how to apply it correctly, it works fine.

↧

Re : simple OPENGL, worked in 1.51, doesn't work anymore....

December 18, 2012, 11:51 am
↧

Color Tracking with Multiple Cameras

December 18, 2012, 9:30 pm
$
0
0
I have trying to get two USB cameras to track a specific color. This is going to be used for hand tracking, tip of a finger colored to track. The two cameras is to get three dimensional output, to control a robot arm. Yes, i know their is easer ways to control the arm, but I would like to use this method. Here is some example code if found to track colors, how do I go about using two cameras? 

  2. // Learning Processing
  3. // Daniel Shiffman
  4. // http://www.learningprocessing.com

  6. // Example 16-11: Simple color tracking

  8. import processing.video.*;

  10. // Variable for capture device
  11. Capture video;

  13. // A variable for the color we are searching for.
  14. color trackColor; 

  16. void setup() {
  17.   size(640,480);
  18.   video = new Capture(this, width, height,15);
  19.   // Start off tracking for red
  20.   trackColor = color(255,0,0);
  21.   video.start();
  22.   smooth();
  23. }

  25. void draw() {
  26.   // Capture and display the video
  27.   if (video.available()) {
  28.     video.read();
  29.   }
  30.   video.loadPixels();
  31.   image(video,0,0);

  33.   // Before we begin searching, the "world record" for closest color is set to a high number that is easy for the first pixel to beat.
  34.   float worldRecord = 500; 

  36.   // XY coordinate of closest color
  37.   int closestX = 0;
  38.   int closestY = 0;

  40.   // Begin loop to walk through every pixel
  41.   for (int x = 0; x < video.width; x ++ ) {
  42.     for (int y = 0; y < video.height; y ++ ) {
  43.       int loc = x + y*video.width;
  44.       // What is current color
  45.       color currentColor = video.pixels[loc];
  46.       float r1 = red(currentColor);
  47.       float g1 = green(currentColor);
  48.       float b1 = blue(currentColor);
  49.       float r2 = red(trackColor);
  50.       float g2 = green(trackColor);
  51.       float b2 = blue(trackColor);

  53.       // Using euclidean distance to compare colors
  54.       float d = dist(r1,g1,b1,r2,g2,b2); // We are using the dist( ) function to compare the current color with the color we are tracking.

  56.       // If current color is more similar to tracked color than
  57.       // closest color, save current location and current difference
  58.       if (d < worldRecord) {
  59.         worldRecord = d;
  60.         closestX = x;
  61.         closestY = y;
  62.       }
  63.     }
  64.   }
  65.   
  66. println("x = " + closestX + " y = " + closestY);
  67.   // We only consider the color found if its color distance is less than 10. 
  68.   // This threshold of 10 is arbitrary and you can adjust this number depending on how accurate you require the tracking to be.
  69.   if (worldRecord < 10) { 
  70.     // Draw a circle at the tracked pixel
  71.     fill(trackColor);
  72.     strokeWeight(4.0);
  73.     stroke(0);
  74.     ellipse(closestX,closestY,16,16);
  75.    
  76.   }
  77. }

  79. void mousePressed() {
  80.   // Save color where the mouse is clicked in trackColor variable
  81.   int loc = mouseX + mouseY*video.width;
  82.   trackColor = video.pixels[loc]; }
Here is what I tried to do.
  2. // Learning Processing
  3. // Daniel Shiffman
  4. // http://www.learningprocessing.com

  6. // Example 16-11: Simple color tracking

  8. import processing.video.*;

  10. // Variable for capture device
  11. Capture video;
  12. Capture video2;
  13. // A variable for the color we are searching for.
  14. color trackColor; 

  16. void setup() {
  17.   size(640,480);
  18.   video = new Capture(this, width, height,15);
  19.   // Start off tracking for red
  20.   trackColor = color(255,0,0);
  21.   video.start();
  22.   smooth();
  23.   
  24.   size(640,480);
  25.   video2 = new Capture(this, width, height,15);
  26.   // Start off tracking for red
  27.   trackColor = color(255,0,0);
  28.   video2.start();
  29.   smooth();
  30. }

  32. void draw() {
  33.   // Capture and display the video
  34.    if (video.available()) {
  35.     video.read();
  36.   }
  37.   video.loadPixels();
  38.   image(video,0,0);

  40.   // Before we begin searching, the "world record" for closest color is set to a high number that is easy for the first pixel to beat.
  41.   float worldRecord = 500; 

  43.   // XY coordinate of closest color
  44.   int closestX = 0;
  45.   int closestY = 0;

  47.   // Begin loop to walk through every pixel
  48.   for (int x = 0; x < video.width; x ++ ) {
  49.     for (int y = 0; y < video.height; y ++ ) {
  50.       int loc = x + y*video.width;
  51.       // What is current color
  52.       color currentColor = video.pixels[loc];
  53.       float r1 = red(currentColor);
  54.       float g1 = green(currentColor);
  55.       float b1 = blue(currentColor);
  56.       float r2 = red(trackColor);
  57.       float g2 = green(trackColor);
  58.       float b2 = blue(trackColor);

  60.       // Using euclidean distance to compare colors
  61.       float d = dist(r1,g1,b1,r2,g2,b2); // We are using the dist( ) function to compare the current color with the color we are tracking.
  62. println("x = " + closestX + " y = " + closestY);
  63.       // If current color is more similar to tracked color than
  64.       // closest color, save current location and current difference
  65.       if (d < worldRecord) {
  66.         worldRecord = d;
  67.         closestX = x;
  68.         closestY = y;
  69.       }
  70.     }
  71.     
  72.    //second camera below 
  73.   if (video2.available()) {
  74.     video2.read();
  75.   }
  76.   video2.loadPixels();
  77.   image(video2,0,0);

  79.   // Before we begin searching, the "world record" for closest color is set to a high number that is easy for the first pixel to beat.
  80.   float worldRecord = 500; 

  82.   // XY coordinate of closest color
  83.   int closestX2 = 0;
  84.   int closestY2 = 0;

  86.   // Begin loop to walk through every pixel
  87.   for (int x = 0; x < video2.width; x ++ ) {
  88.     for (int y = 0; y < video2.height; y ++ ) {
  89.       int loc = x + y*video2.width;
  90.       // What is current color
  91.       color currentColor2 = video2.pixels[loc];
  92.       float r1 = red(currentColor2);
  93.       float g1 = green(currentColor2);
  94.       float b1 = blue(currentColor2);
  95.       float r2 = red(trackColor);
  96.       float g2 = green(trackColor);
  97.       float b2 = blue(trackColor);

  99.       // Using euclidean distance to compare colors
  100.       float d = dist(r12,g12,b12,r22,g22,b22); // We are using the dist( ) function to compare the current color with the color we are tracking.
  101. println("x2 = " + closestX2 + " y2 = " + closestY2);
  102.       // If current color is more similar to tracked color than
  103.       // closest color, save current location and current difference
  104.       if (d < worldRecord2) {
  105.         worldRecord2 = d;
  106.         closestX2 = x;
  107.         closestY2 = y;
  108.       }
  109.     }
  110.   }
  111.   
  112.   // We only consider the color found if its color distance is less than 10. 
  113.   // This threshold of 10 is arbitrary and you can adjust this number depending on how accurate you require the tracking to be.
  114.   if (worldRecord < 10) { 
  115.     // Draw a circle at the tracked pixel
  116.     fill(trackColor);
  117.     strokeWeight(4.0);
  118.     stroke(0);
  119.     ellipse(closestX2,closestY2,16,16);
  120.    
  121.   }
  122.  }

  124. void mousePressed() {
  125.   // Save color where the mouse is clicked in trackColor variable
  126.   int loc = mouseX + mouseY*video.width;
  127.   trackColor = video.pixels[loc];
  128. }
Here is the error i am getting
  1. unexpected token: void
I am new to processing and java so this is most likely a stupid mistake, but any help would be appreciated.

~Thanks Idan   
↧

Amplifying a certaing part of a visualization

December 19, 2012, 2:42 am
$
0
0
Hi all (and merry christmas),

I need help. Ive built a heartbeat sensor in Arduino and am now trying to visualize it in Processing. Below is an image of the Arduino input being visualized in Processing:
 



Now my problem is that the heartbeats are only vaguely depicted, so I need to find a way to "amplify" the peaks, so the heartbeats can be more easily read. Like this guy has done. If theres a need for more info or if you have any questions just ask! For more info on the project: http://www.ddlab.dk/i-found-my-pulse/.

Below is the Processing Code I am using, its just a slight rewrite of the Basic Graphing Tutorial:
  2. /*
  3.  Graph
  4.  A simple example of communication from the Arduino board to the computer:
  5.  the value of analog input 0 is sent out the serial port.  We call this "serial"
  6.  communication because the connection appears to both the Arduino and the
  7.  computer as a serial port, even though it may actually use
  8.  a USB cable. Bytes are sent one after another (serially) from the Arduino
  9.  to the computer.
  10.  You can use the Arduino serial monitor to view the sent data, or it can
  11.  be read by Processing, PD, Max/MSP, or any other program capable of reading 
  12.  data from a serial port.  The Processing code below graphs the data received 
  13.  so you can see the value of the analog input changing over time.
  14.  
  15.  The circuit:
  16.  Any analog input sensor is attached to analog in pin 0.
  17.   
  18.  created 2006
  19.  by David A. Mellis
  20.  modified 9 Apr 2012
  21.  by Tom Igoe and Scott Fitzgerald
  22.  
  23.  This example code is in the public domain.

  25.  http://www.arduino.cc/en/Tutorial/Graph
  26.  */

  28. import processing.serial.*;
  29.  
  30.  Serial myPort;        // The serial port
  31.  int xPos = 1;         // horizontal position of the graph
  32.  
  33.  void setup () {
  34.  // set the window size:
  35.  size(1400, 500);      
  36.  
  37.  // List all the available serial ports
  38.  println(Serial.list());
  39.  // I know that the first port in the serial list on my mac
  40.  // is always my  Arduino, so I open Serial.list()[0].
  41.  // Open whatever port is the one you're using.
  42.  myPort = new Serial(this, Serial.list()[0], 9600);
  43.  // don't generate a serialEvent() unless you get a newline character:
  44.  myPort.bufferUntil('\n');
  45.  // set inital background:
  46.  background(0);
  47.  }
  48.  void draw () {
  49.  // everything happens in the serialEvent()
  50.  }
  51.  
  52.  void serialEvent (Serial myPort) {
  53.  // get the ASCII string:
  54.  String inString = myPort.readStringUntil('\n');
  55.  
  56.  if (inString != null) {
  57.  // trim off any whitespace:
  58.  inString = trim(inString);
  59.  // convert to an int and map to the screen height:
  60.  float inByte = float(inString); 
  61.  inByte = map(inByte, 0, 1023, 0, height);
  62.  
  63.  // draw the line:
  64.  stroke(216, 24, 24);
  65.  line(xPos, height, xPos, height - inByte);
  66.  
  67.  // at the edge of the screen, go back to the beginning:
  68.  if (xPos >= width) {
  69.  xPos = 0;
  70.  background(0); 
  71.  } 
  72.  else {
  73.  // increment the horizontal position:
  74.  xPos++;
  75.  }
  76.  }
  77.  }

Regards,
René 
↧
↧

Re : Processing 2.0 - 1,000,000 points in OpenGL using Vertex Arrays

December 19, 2012, 7:41 am
$
0
0
What was missing in the code I posted before is the copy of the Processing projection and modelview matrices to the corresponding matrices in OpenGL:
  2. import javax.media.opengl.GL;
  3. import javax.media.opengl.GL2;
  4. import java.nio.*;
  5.  
  6. // let's try 1,000,000 points
  7. int numPoints = 1000000;
  8.  
  9. // pan, zoom and rotate
  10. float tx = 0, ty = 0;
  11. float sc = 1;
  12. float a = 0.0;
  13.  
  14. FloatBuffer vbuffer;
  15. FloatBuffer cbuffer;
  16. float[] projMatrix;
  17. float[] mvMatrix;
  18.  
  19. void setup() {
  20.   size(displayWidth/2, displayHeight/2, OPENGL); 
  21.   smooth();
  22.   
  23.   PGraphicsOpenGL pg = ((PGraphicsOpenGL)g);
  24.   PGL pgl = pg.beginPGL();
  25.   GL gl = pgl.gl;
  26.   GL2 gl2 = pgl.gl.getGL2();
  27.    
  28.   int vSize = (numPoints * 2);
  29.   int cSize = (numPoints * 3);
  30.   vSize = vSize << 2;
  31.   cSize = cSize << 2;

  33.   vbuffer = ByteBuffer.allocateDirect(vSize).order(ByteOrder.nativeOrder()).asFloatBuffer();
  34.   cbuffer = ByteBuffer.allocateDirect(cSize).order(ByteOrder.nativeOrder()).asFloatBuffer();
  35.   for (int i = 0; i < numPoints; i++) {
  36.     // random x,y
  37.     vbuffer.put(random(width));
  38.     vbuffer.put(random(height));
  39.     // random r,g,b
  40.     cbuffer.put(random(1.0));
  41.     cbuffer.put(random(1.0));
  42.     cbuffer.put(random(1.0));
  43.   }
  44.   vbuffer.rewind();
  45.   cbuffer.rewind();
  46.  
  47.   gl2.glEnableClientState(GL2.GL_VERTEX_ARRAY);
  48.   gl2.glVertexPointer(2, GL2.GL_FLOAT, 0, vbuffer);
  49.  
  50.   gl2.glEnableClientState(GL2.GL_COLOR_ARRAY);
  51.   gl2.glColorPointer(3, GL2.GL_FLOAT, 0, cbuffer);
  52.   
  53.   pg.endPGL();
  54.  
  55.   projMatrix = new float[16];
  56.   mvMatrix = new float[16]; 
  57. }
  58.  
  59. void draw() {
  60.   background(0);
  61.   
  62.   PGraphicsOpenGL pg = ((PGraphicsOpenGL)g);
  63.   PGL pgl = pg.beginPGL();
  64.   GL gl = pgl.gl;
  65.   GL2 gl2 = pgl.gl.getGL2();
  66.   
  67.   
  68.   gl2.glMatrixMode(GL2.GL_PROJECTION);
  69.   projMatrix[0] = pg.projection.m00;
  70.   projMatrix[1] = pg.projection.m10;
  71.   projMatrix[2] = pg.projection.m20;
  72.   projMatrix[3] = pg.projection.m30;

  74.   projMatrix[4] = pg.projection.m01;
  75.   projMatrix[5] = pg.projection.m11;
  76.   projMatrix[6] = pg.projection.m21;
  77.   projMatrix[7] = pg.projection.m31;

  79.   projMatrix[8] = pg.projection.m02;
  80.   projMatrix[9] = pg.projection.m12;
  81.   projMatrix[10] = pg.projection.m22;
  82.   projMatrix[11] = pg.projection.m32;

  84.   projMatrix[12] = pg.projection.m03;
  85.   projMatrix[13] = pg.projection.m13;
  86.   projMatrix[14] = pg.projection.m23;
  87.   projMatrix[15] = pg.projection.m33;
  88.   
  89.   gl2.glLoadMatrixf(projMatrix, 0);
  90.   
  91.   gl2.glMatrixMode(GL2.GL_MODELVIEW);
  92.   mvMatrix[0] = pg.modelview.m00;
  93.   mvMatrix[1] = pg.modelview.m10;
  94.   mvMatrix[2] = pg.modelview.m20;
  95.   mvMatrix[3] = pg.modelview.m30;

  97.   mvMatrix[4] = pg.modelview.m01;
  98.   mvMatrix[5] = pg.modelview.m11;
  99.   mvMatrix[6] = pg.modelview.m21;
  100.   mvMatrix[7] = pg.modelview.m31;

  102.   mvMatrix[8] = pg.modelview.m02;
  103.   mvMatrix[9] = pg.modelview.m12;
  104.   mvMatrix[10] = pg.modelview.m22;
  105.   mvMatrix[11] = pg.modelview.m32;

  107.   mvMatrix[12] = pg.modelview.m03;
  108.   mvMatrix[13] = pg.modelview.m13;
  109.   mvMatrix[14] = pg.modelview.m23;
  110.   mvMatrix[15] = pg.modelview.m33;
  111.   gl2.glLoadMatrixf(mvMatrix, 0);
  112.     
  113.   
  114.   gl2.glPushMatrix();
  115.   gl2.glTranslatef(width/2, height/2, 0);
  116.   gl2.glScalef(sc,sc,sc);
  117.   gl2.glRotatef(a, 0.0, 0.0, 1.0);
  118.   gl2.glTranslatef(-width/2, -height/2, 0);
  119.   gl2.glTranslatef(tx,ty, 0);
  120.  
  121.   gl2.glPointSize(2.0);
  122.  
  123.   gl2.glDrawArrays(GL2.GL_POINTS, 0, numPoints);
  124.  
  125.   gl2.glPopMatrix();

  127.   pg.endPGL();
  128. }
  129.  
  130. void mouseDragged() {
  131.   float dx = (mouseX - pmouseX) / sc;
  132.   float dy = (mouseY - pmouseY) / sc;
  133.   float angle = radians(-a);
  134.   float rx = cos(angle)*dx - sin(angle)*dy;
  135.   float ry = sin(angle)*dx + cos(angle)*dy;
  136.   tx += rx;
  137.   ty += ry;
  138. }
You have to do the glLoadMatrixf() call manually because the OpenGL renderer only uses functions available in the GLES2 API, and all the matrix-related functions are gone in GLES2 (and GL 3.2+). 

↧

Re : Color Tracking with Multiple Cameras

December 19, 2012, 12:07 pm
$
0
0
Well I managed to fix the error and organize the code in to functions, but now when I run the program I just get a black screen. I had the USB cameras plugged in and on before running the code and I am still not sure what is wrong. I am also not sure how to make sure each of the camera variables is to a different camera, because I am using two cameras

  2. // Thanks too
  3. // Learning Processing
  4. // Daniel Shiffman
  5. // http://www.learningprocessing.com

  7. // Example 16-11: Simple color tracking
  8. import processing.video.*;

  10. // Variables for capture devices
  11. Capture video;

  13. Capture video2;

  15. // A variable for the color we are searching for.
  16. color trackColor; 

  18. void setup() {
  19.   
  20.   size(640,480);
  21.   video = new Capture(this, width, height,15);
  22.   video.start();
  23.   // Start off tracking for red
  24.   trackColor = color(255,0,0);
  25.   smooth();
  26.  
  27.   size(640,480);
  28.   video2 = new Capture(this, width, height,15);
  29.   video.start();
  30.   // Start off tracking for red
  31.   trackColor = color(255,0,0);
  32.   smooth();
  33.   }
  34. void draw()
  35. {
  36.   cam1();
  37.   cam2();
  38. }

  40. void cam1()
  41. {
  42.   // Capture and display the video
  43.   if (video.available()) {
  44.     video.read();
  45.   }
  46.   video.loadPixels();
  47.   image(video,0,0);

  49.   // Before we begin searching, the "world record" for closest color is set to a high number that is easy for the first pixel to beat.
  50.   float worldRecord = 500; 

  52.   // XY coordinate of closest color
  53.   int closestX = 0;
  54.   int closestY = 0;

  56.   // Begin loop to walk through every pixel
  57.   for (int x = 0; x < video.width; x ++ ) {
  58.     for (int y = 0; y < video.height; y ++ ) {
  59.       int loc = x + y*video.width;
  60.       // What is current color
  61.       color currentColor = video.pixels[loc];
  62.       float r1 = red(currentColor);
  63.       float g1 = green(currentColor);
  64.       float b1 = blue(currentColor);
  65.       float r2 = red(trackColor);
  66.       float g2 = green(trackColor);
  67.       float b2 = blue(trackColor);

  69.       // Using euclidean distance to compare colors
  70.       float d = dist(r1,g1,b1,r2,g2,b2); // We are using the dist( ) function to compare the current color with the color we are tracking.

  72.       // If current color is more similar to tracked color than
  73.       // closest color, save current location and current difference
  74.       if (d < worldRecord) {
  75.         worldRecord = d;
  76.         closestX = x;
  77.         closestY = y;
  78.       }
  79.     }
  80.   }

  82. if (worldRecord < 10) { 
  83.     // Draw a circle at the tracked pixel
  84.     fill(trackColor);
  85.     strokeWeight(4.0);
  86.     stroke(0);
  87.     ellipse(closestX,closestY,16,16);
  88. }
  89. }

  91. void cam2()
  92. {
  93.  // Capture and display the video
  94.   if (video2.available()) {
  95.     video2.read();
  96.   }
  97.   video2.loadPixels();
  98.   image(video2,0,0);

  100.   // Before we begin searching, the "world record" for closest color is set to a high number that is easy for the first pixel to beat.
  101.   float worldRecord = 500; 

  103.   // XY coordinate of closest color
  104.   int closestX2 = 0;
  105.   int closestY2 = 0;

  107.   // Begin loop to walk through every pixel
  108.   for (int x = 0; x < video2.width; x ++ ) {
  109.     for (int y = 0; y < video2.height; y ++ ) {
  110.       int loc = x + y*video2.width;
  111.       // What is current color
  112.       color currentColor2 = video2.pixels[loc];
  113.       float r12 = red(currentColor2);
  114.       float g12 = green(currentColor2);
  115.       float b12 = blue(currentColor2);
  116.       float r22 = red(trackColor);
  117.       float g22 = green(trackColor);
  118.       float b22 = blue(trackColor);

  120.       // Using euclidean distance to compare colors
  121.       float d2 = dist(r12,g12,b12,r22,g22,b22); // We are using the dist( ) function to compare the current color with the color we are tracking.

  123.       // If current color is more similar to tracked color than
  124.       // closest color, save current location and current difference
  125.       if (d2 < worldRecord) {
  126.         worldRecord = d2;
  127.         closestX2 = x;
  128.         closestY2 = y;
  129.       }
  130.     }
  131.   }
  132.  
  133.  if (worldRecord < 10) { 
  134.     // Draw a circle at the tracked pixel
  135.     fill(trackColor);
  136.     strokeWeight(4.0);
  137.     stroke(0);
  138.     ellipse(closestX2,closestY2,16,16); 
  139.     
  140.   }
  141. }

  143. void mousePressed() {
  144.   // Save color where the mouse is clicked in trackColor variable
  145.   int loc = mouseX + mouseY*video.width;
  146.   trackColor = video.pixels[loc];
  147. }
 ~Thanks Idan

↧
Search

2.0b7 Skybox - not working

December 19, 2012, 1:19 pm
$
0
0
Trying to create a skybox in the new 2.0x build.  Here is the code, translated from 1.5, but it's not working.  Am I doing something wrong or is this a bug? 

Here is zip of the sketch, which includes the image files.
  1. import processing.opengl.PGraphicsOpenGL;
  2. import javax.media.opengl.GL2;
  3. import com.jogamp.opengl.util.texture.Texture;
  4. import com.jogamp.opengl.util.texture.TextureIO;
  5. import com.jogamp.opengl.util.texture.awt.AWTTextureIO;
  6. import javax.media.opengl.GLProfile;
  7. import java.io.File;
  8. import javax.imageio.ImageIO;
  9. // set skybox filename without orientation part here...
  10. String skyboxName = "besiege";  
  11. PGraphicsOpenGL pgl;
  12. GL2 gl;
  13. int skybox;
  14. void setup()
  15. {
  16.   size(600, 500, OPENGL);
  17.   pgl = (PGraphicsOpenGL) g;
  18.   gl = g.beginPGL().gl.getGL2();
  19.   noStroke();
  20.   loadSkybox(skyboxName, ".png");
  21.   pgl.beginPGL();
  22.   skybox = gl.glGenLists(1);
  23.   gl.glNewList(skybox, GL2.GL_COMPILE);
  24.  
  25.   gl.glFrontFace(GL2.GL_CCW);
  26.   gl.glEnable(GL2.GL_CULL_FACE);
  27.   TexturedCube();
  28.   gl.glDisable(GL2.GL_CULL_FACE);
  29.   gl.glEndList();
  30.   pgl.endPGL();
  31.   float fov = PI/3.0;
  32.   float cameraZ = (height/2.0) / tan(fov/2.0);
  33.   perspective(fov, float(width)/float(height), cameraZ/10.0, cameraZ*200.0);
  34.   // gl.glEnable(GL.GL_CULL_FACE);
  35. }
  36. void draw()
  37. {
  38.   background(0);
  39.   pgl.beginPGL();
  40.   gl.glCallList( skybox );
  41.   pgl.endPGL();
  42.   fill(255);
  43.   pushMatrix();
  44.   translate(width/2,height/2,0);
  45.   sphere(20);
  46.   popMatrix();
  47. }
  48. float p = 40000;   // half skybox size
  49. float m = -p;
  50. // create cube edges
  51. PVector P000 = new PVector (m,m,m);
  52. PVector P010 = new PVector (m,p,m);
  53. PVector P110 = new PVector (p,p,m);
  54. PVector P100 = new PVector (p,m,m);
  55. PVector P001 = new PVector (m,m,p);
  56. PVector P011 = new PVector (m,p,p);
  57. PVector P111 = new PVector (p,p,p);
  58. PVector P101 = new PVector (p,m,p);
  59. Texture tex1,tex2,tex3,tex4,tex5,tex6;   // texture images
  60. // load six skybox images as cube texture
  61. void loadSkybox(String skyboxName, String fExt)
  62. {
  63.   try {
  64.     tex1 = AWTTextureIO.newTexture(GLProfile.getDefault(), ImageIO.read(new File(dataPath(skyboxName + "_front" + fExt))), true);
  65.     tex2 = AWTTextureIO.newTexture(GLProfile.getDefault(), ImageIO.read(new File(dataPath(skyboxName + "_back" + fExt))), true);
  66.     tex3 = AWTTextureIO.newTexture(GLProfile.getDefault(), ImageIO.read(new File(dataPath(skyboxName + "_left" + fExt))), true);
  67.     tex4 = AWTTextureIO.newTexture(GLProfile.getDefault(), ImageIO.read(new File(dataPath(skyboxName + "_right" + fExt))), true);
  68.     tex5 = AWTTextureIO.newTexture(GLProfile.getDefault(), ImageIO.read(new File(dataPath(skyboxName + "_bottom" + fExt))), true);
  69.     tex6 = AWTTextureIO.newTexture(GLProfile.getDefault(), ImageIO.read(new File(dataPath(skyboxName + "_top" + fExt))), true);
  70.   }
  71.   catch (IOException e) {   
  72.     println( e);
  73.   }
  74.   //textureMode(NORMALIZED);
  75. }
  76. // Assign six texture to the six cube faces
  77. void TexturedCube()
  78. {
  79.   TexturedCubeSide (P100, P000, P010, P110, tex1);   // -Z "front" face
  80.   TexturedCubeSide (P001, P101, P111, P011, tex2);   // +Z "back" face
  81.   TexturedCubeSide (P000, P001, P011, P010, tex3);   // -X "left" face
  82.   TexturedCubeSide (P101, P100, P110, P111, tex4);   // +X "right" face
  83.   TexturedCubeSide (P110, P010, P011, P111, tex5);   // +Y "base" face
  84.   TexturedCubeSide (P101, P001, P000, P100, tex6);   // -Y "top" face
  85. }
  86. // create a cube side given by 4 edge vertices and a texture
  87. void TexturedCubeSide(PVector P1, PVector P2, PVector P3, PVector P4, Texture tex)
  88. {
  89.   tex.enable(gl);
  90.   tex.bind(gl);
  91.   gl.glBegin(GL2.GL_QUADS);
  92.   gl.glTexCoord2f(1.0f, 0.0f);
  93.   gl.glVertex3f(P1.x, P1.y, P1.z);
  94.   gl.glTexCoord2f(0.0f, 0.0f);
  95.   gl.glVertex3f(P2.x, P2.y, P2.z);
  96.   gl.glTexCoord2f(0.0f, 1.0f);
  97.   gl.glVertex3f(P3.x, P3.y, P3.z);
  98.   gl.glTexCoord2f(1.0f, 1.0f);
  99.   gl.glVertex3f(P4.x, P4.y, P4.z);
  100.   gl.glEnd();
  101.   tex.disable(gl);
  102. }


↧

Re : 2.0b7 Skybox - not working

December 19, 2012, 2:07 pm
$
0
0
Figured it out... wish this was somehow automatically included in Processing.  Have to load the matrix (not sure if it is in each draw or just once in the setup).  As described by Andres:
You have to do the glLoadMatrixf() call manually because the OpenGL renderer only uses functions available in the GLES2 API, and all the matrix-related functions are gone in GLES2 (and GL 3.2+).
  1. import processing.opengl.PGraphicsOpenGL;
  2. import javax.media.opengl.GL2;
  3. import com.jogamp.opengl.util.texture.Texture;
  4. import com.jogamp.opengl.util.texture.TextureIO;
  5. import com.jogamp.opengl.util.texture.awt.AWTTextureIO;
  6. import javax.media.opengl.GLProfile;
  7. import java.io.File;
  8. import javax.imageio.ImageIO;
  9. float[] projMatrix;
  10. float[] mvMatrix;
  11. // set skybox filename without orientation part here...
  12. String skyboxName = "besiege";   
  13. PGraphicsOpenGL pg;
  14. GL2 gl;
  15. int skybox;
  16. float a = 0.0;
  17. void setup()
  18. {
  19.   size(600, 500, OPENGL);
  20.   pg = (PGraphicsOpenGL) g;
  21.   gl = g.beginPGL().gl.getGL2();
  22.   noStroke();  // comment it to see cube edges
  23.   loadSkybox(skyboxName, ".png");
  24.   pg.beginPGL();
  25.   skybox = gl.glGenLists(1);
  26.   gl.glNewList(skybox, GL2.GL_COMPILE);
  27.  
  28.   gl.glFrontFace(GL2.GL_CCW);
  29.   gl.glEnable(GL2.GL_CULL_FACE);
  30.   TexturedCube();
  31.   gl.glDisable(GL2.GL_CULL_FACE);
  32.   gl.glEndList();
  33.   pg.endPGL();
  34.   float fov = PI/3.0;
  35.   float cameraZ = (height/2.0) / tan(fov/2.0);
  36.   perspective(fov, float(width)/float(height), cameraZ/10.0, cameraZ*200.0);
  37.   projMatrix = new float[16];
  38.   mvMatrix = new float[16];
  39.  
  40.   // gl.glEnable(GL.GL_CULL_FACE);
  41. }
  42. void draw()
  43. {
  44.   background(0);
  45.   loadMatrix();
  46.   pg.beginPGL();
  47.   gl.glCallList( skybox );
  48.   pg.endPGL();
  49.   fill(255);
  50.   pushMatrix();
  51.   translate(width/2,height/2,0);
  52.   sphere(20);
  53.   popMatrix();
  54.   //println("FPS: "+ frameRate);
  55. }
  56. float p = 40000;   // half skybox size
  57. float m = -p;
  58. // create cube edges
  59. PVector P000 = new PVector (m,m,m);
  60. PVector P010 = new PVector (m,p,m);
  61. PVector P110 = new PVector (p,p,m);
  62. PVector P100 = new PVector (p,m,m);
  63. PVector P001 = new PVector (m,m,p);
  64. PVector P011 = new PVector (m,p,p);
  65. PVector P111 = new PVector (p,p,p);
  66. PVector P101 = new PVector (p,m,p);
  67. Texture tex1,tex2,tex3,tex4,tex5,tex6;   // texture images
  68. // load six skybox images as cube texture
  69. void loadSkybox(String skyboxName, String fExt)
  70. {
  71.   try {
  72.     tex1 = AWTTextureIO.newTexture(GLProfile.getDefault(), ImageIO.read(new File(dataPath(skyboxName + "_front" + fExt))), true);
  73.     tex2 = AWTTextureIO.newTexture(GLProfile.getDefault(), ImageIO.read(new File(dataPath(skyboxName + "_back" + fExt))), true);
  74.     tex3 = AWTTextureIO.newTexture(GLProfile.getDefault(), ImageIO.read(new File(dataPath(skyboxName + "_left" + fExt))), true);
  75.     tex4 = AWTTextureIO.newTexture(GLProfile.getDefault(), ImageIO.read(new File(dataPath(skyboxName + "_right" + fExt))), true);
  76.     tex5 = AWTTextureIO.newTexture(GLProfile.getDefault(), ImageIO.read(new File(dataPath(skyboxName + "_bottom" + fExt))), true);
  77.     tex6 = AWTTextureIO.newTexture(GLProfile.getDefault(), ImageIO.read(new File(dataPath(skyboxName + "_top" + fExt))), true);
  78.   }
  79.   catch (IOException e) {    
  80.     println( e);
  81.   }
  82.   //textureMode(NORMALIZED);
  83. }
  84. // Assign six texture to the six cube faces
  85. void TexturedCube()
  86. {
  87.   TexturedCubeSide (P100, P000, P010, P110, tex1);   // -Z "front" face
  88.   TexturedCubeSide (P001, P101, P111, P011, tex2);   // +Z "back" face
  89.   TexturedCubeSide (P000, P001, P011, P010, tex3);   // -X "left" face
  90.   TexturedCubeSide (P101, P100, P110, P111, tex4);   // +X "right" face
  91.   TexturedCubeSide (P110, P010, P011, P111, tex5);   // +Y "base" face
  92.   TexturedCubeSide (P101, P001, P000, P100, tex6);   // -Y "top" face
  93. }
  94. // create a cube side given by 4 edge vertices and a texture
  95. void TexturedCubeSide(PVector P1, PVector P2, PVector P3, PVector P4, Texture tex)
  96. {
  97.   tex.enable(gl);
  98.   tex.bind(gl);
  99.   gl.glBegin(GL2.GL_QUADS);
  100.   gl.glTexCoord2f(1.0f, 0.0f);
  101.   gl.glVertex3f(P1.x, P1.y, P1.z);
  102.   gl.glTexCoord2f(0.0f, 0.0f);
  103.   gl.glVertex3f(P2.x, P2.y, P2.z);
  104.   gl.glTexCoord2f(0.0f, 1.0f);
  105.   gl.glVertex3f(P3.x, P3.y, P3.z);
  106.   gl.glTexCoord2f(1.0f, 1.0f);
  107.   gl.glVertex3f(P4.x, P4.y, P4.z);
  108.   gl.glEnd();
  109.   tex.disable(gl);
  110. }
  111. void loadMatrix() {
  112.   gl.glMatrixMode(GL2.GL_PROJECTION);
  113.   projMatrix[0] = pg.projection.m00;
  114.   projMatrix[1] = pg.projection.m10;
  115.   projMatrix[2] = pg.projection.m20;
  116.   projMatrix[3] = pg.projection.m30;
  117.  
  118.   projMatrix[4] = pg.projection.m01;
  119.   projMatrix[5] = pg.projection.m11;
  120.   projMatrix[6] = pg.projection.m21;
  121.   projMatrix[7] = pg.projection.m31;
  122.  
  123.   projMatrix[8] = pg.projection.m02;
  124.   projMatrix[9] = pg.projection.m12;
  125.   projMatrix[10] = pg.projection.m22;
  126.   projMatrix[11] = pg.projection.m32;
  127.  
  128.   projMatrix[12] = pg.projection.m03;
  129.   projMatrix[13] = pg.projection.m13;
  130.   projMatrix[14] = pg.projection.m23;
  131.   projMatrix[15] = pg.projection.m33;
  132.  
  133.   gl.glLoadMatrixf(projMatrix, 0);
  134.  
  135.   gl.glMatrixMode(GL2.GL_MODELVIEW);
  136.   mvMatrix[0] = pg.modelview.m00;
  137.   mvMatrix[1] = pg.modelview.m10;
  138.   mvMatrix[2] = pg.modelview.m20;
  139.   mvMatrix[3] = pg.modelview.m30;
  140.  
  141.   mvMatrix[4] = pg.modelview.m01;
  142.   mvMatrix[5] = pg.modelview.m11;
  143.   mvMatrix[6] = pg.modelview.m21;
  144.   mvMatrix[7] = pg.modelview.m31;
  145.  
  146.   mvMatrix[8] = pg.modelview.m02;
  147.   mvMatrix[9] = pg.modelview.m12;
  148.   mvMatrix[10] = pg.modelview.m22;
  149.   mvMatrix[11] = pg.modelview.m32;
  150.  
  151.   mvMatrix[12] = pg.modelview.m03;
  152.   mvMatrix[13] = pg.modelview.m13;
  153.   mvMatrix[14] = pg.modelview.m23;
  154.   mvMatrix[15] = pg.modelview.m33;
  155.   gl.glLoadMatrixf(mvMatrix, 0);
  156. }
↧
↧

Re : Processing 2.0 - 1,000,000 points in OpenGL using Vertex Arrays

December 19, 2012, 2:26 pm
$
0
0
Thanks Andres, this looks like it fixed a few sketches for me.  Is there anything we can do to simplify this - a new call to load this that is compatible? Does the matrix need to be loaded once, or is it in each draw cycle?  If the matrix-related functions are gone, what is the replacement in GLES2 and GL 3.2+?

Maybe the matrix could automatically be loaded for the GL if it is compatible... ?

Thanks, Jeff
↧

Re : Processing 2.0 - 1,000,000 points in OpenGL using Vertex Arrays

December 19, 2012, 3:38 pm
$
0
0
You should load the matrices every time you change them: for example, if you call perspective() or ortho(), then you have to load the projection matrix. If you use camera() or any geometric transformation (translate, rotate, scale), then you need to load the modelview.

There is no replacement for those functions in GLES2, GL3+, you have to take care of the projection/modelview matrices all by yourself and then pass the corresponding arrays to the shaders. 


↧

Re : Processing 2.0 - 1,000,000 points in OpenGL using Vertex Arrays

December 19, 2012, 6:30 pm
$
0
0
Ok, so has a shader already been written for Processing that is called when these are used?  If so, is it public where I could call it as oppose to doing my own.  If not, doesn't Processing need it?  Thanks :)
↧
Viewing all 1768 articles
Browse latest View live
Search