Loading...
Logo
Processing Forum
  • Screen name:
    nootropic.kint
nootropic.kint's Profile
29 Posts
63 Responses
0 Followers

Activity Trend

Last 30 days
Show:
Private Message
  • Masking with Projessing.JS
    Hi!

    I'm working on dynamic image masking with processing.js .
    In particular I'm using a triangle as a mask, and sometimes it is upward sometimes it is downward.
    Anyway, I'm storing a Triangle class with the coordinates in PVector so i can easily draw the mask in a PGraphics object.

    See the note at the end: this program in processing 1.5 IDE works without problem,with the correct masking, but in processing.js not working.
    I'm using processing.js v1.4.1

    Here is the code:

    1. PGraphics triangleMask;
    2. PImage _background;

    4. //------------------------------------------ Triangle
    5. class Triangle {
    6.   PVector a,b,c;
    7.   PVector aabb1, aabb2;

    9.   int x,y, id;

    11.   Triangle(int id, PVector a, PVector b, PVector c) {
    12.     this.id = id;
    13.     this.a = a;    this.b = b;    this.c = c;
    14.     computCentroid();
    15.     computeBoundingBox();
    16.   }

    18.   void computeBoundingBox() {
    19.       // ...
    20.   }

    22.   PVector computCentroid() {
    23.       // ....
    24.   }

    26.   void draw() {
    27.     
    28.     //--------------------------------------------------------------------------- CREATE MASK HERE
    29.     triangleMask = createGraphics(90, 90, JAVA2D); // I have tried also with P3D
    30.     triangleMask.beginDraw();
    31.     triangleMask.background(0);
    32.     
    33.     triangleMask.fill(255);
    34.     triangleMask.stroke(255);

    36.     triangleMask.beginShape();
    37.     triangleMask.vertex(a.x-aabb1.x, a.y-aabb1.y); //aabb1.x, aabb1.y, 
    38.     triangleMask.vertex(b.x-aabb1.x, b.y-aabb1.y);
    39.     triangleMask.vertex(c.x-aabb1.x, c.y-aabb1.y);
    40.     triangleMask.endShape(CLOSE);

    42.     triangleMask.endDraw();

    44.     PImage texture = createImage(90, 90, RGB);
    45.     texture.copy(
    46.       _background,
    47.       (int)aabb1.x, (int)aabb1.y, 90, 90, //aabb2.x, aabb2.y,
    48.       0,0, 90, 90);

    50.     //--------------------------------------------------------------------------- USE MASK HERE
    51.     texture.mask(triangleMask);    
    52.     image(texture, aabb1.x, aabb1.y);

    54.     noFill();
    55.     stroke(255,0,0);
    56.     beginShape();
    57.     vertex(a.x, a.y);
    58.     vertex(b.x, b.y);
    59.     vertex(c.x, c.y);
    60.     endShape(CLOSE);
    61.   }
    62. }
    NOTE: This code in Processing.org works as a charm. When i put it in an html page via processing the mask part is ignored: the part of _background copied is not a Triangle but a rectangle (the rect i copy without the mask).

  • how do you guys use processing.js?
    Hi!
    I've began to play with processin.js and I think it is quite nice for web, for me (and I play with processing from years) better then other 2d frameworks. I've tried to use it as java compiled into javscript and it is ok, and i've tried pure javascript, and it is a little bit verbose when you always has to call processing object (like _p.fill() instead of still fill()) but it is ok too.
    I'm a little bit attracted to plain javascript because I don't know the language very well and it could be challenging to learn.

    How do you use processing.js in production code?
  • wondering about beginRecord() on some buffer (P2D PGraphics, SVG, PDF, PApplet)
    hi!
    I need some practical way to handle a drawing in both screen and some offscreen pgraphics with the same method.

    I have seen that the super cool P8gGraphicsSVG and the PDF exporter works nice with beginRecord/endRecord but not the normal PGraphics (that I need for showing the screenshot) with P2D.

    For now I have a dirty adapter class in which i have wrote some basic wrapper (i'm using only push/popMatrix, line, ellipse, transate, scale, fill and stroke). But I don't really like it.

    So i basically have something like this:

    1. Adapter a_screen = new Adapter(); 
    2. a_screen.setPApplet(this); // this is PApplet instance

    4. PGraphics offScreen = createGraphics(width, height, P2D);
    5. Adapter a_offScreen = new Adapter();
    6. screenshot.setPGraphics(offScreen);

    8. PGraphics pdf = createGraphics(width, height, PDF, "test.pdf");
    9. Adapter a_pdf = new Adapter();
    10. a_pdf.setPGraphics(pdf);

    12. drawImage(a_screen);
    13. drawImage(a_offScreen);
    14. drawImage(a_pdf);

    16. ...

    18. void drawImage(Adapter a) {
    19.     a.fill(...);
    20.     a.pushMatrix();
    21.     a.translate(...);
    22.     a.rect(...);
    23.     a.popMatrix();
    24. }
    but i'm having some problem (with translations and push/popmatrix i think) 
    EDIT: with P8gGraphicsSVG works perfectly



    I don't find some information about this so i thought to ask here..

  • bounding box snippet (with toxiclib and java custom comparator)
    hi! i have just written this piece of code, mayebe here there is someone that can both optimize oder find this usefull

    1.     private Rect getBound(ArrayList<Vec2D> vertex2) {
    2. Comparator<Vec2D> x_order = new Comparator<Vec2D>() {
    3. @Override
    4. public int compare(Vec2D arg0, Vec2D arg1) {
    5. if (arg0.x() < arg1.x()) return 1;
    6. if (arg0.x() > arg1.x()) return -1;
    7. return 0;
    8. }
    9. };

    11. Comparator<Vec2D> y_order = new Comparator<Vec2D>() {
    12. @Override
    13. public int compare(Vec2D arg0, Vec2D arg1) {
    14. if (arg0.y() < arg1.y()) return 1;
    15. if (arg0.y() > arg1.y()) return -1;
    16. return 0;
    17. }
    18. };
    20. Collections.sort(vertex2, x_order);
    21. float maxx = vertex2.get(0).x;
    22. float minx = vertex2.get(vertex2.size()-1).x;
    23. Collections.sort(vertex2, y_order);
    24. float maxy = vertex2.get(0).y;
    25. float miny = vertex2.get(vertex2.size()-1).y;
    27. return new Rect(minx, miny, maxx-minx, maxy-miny);
    28. }
  • controlP5 set callback in different classes
    hello, i'm doing a gui to reads some sensors from arduino, and i need a gui block for each sensor.
    the blocks are equal and so i can wrap them in a class.
    like this one:

    1. public class Sensor {
    2. private ControlP5 gui;
    3. private App parent; // App extends PApplet
    5. public Sensor(int id, App parent, ControlP5 gui) {
    6.     this.id = id;
    7.   this.gui = gui;
    8.     this.parent = parent;

    10.     gui.addNumberbox("min_in"+id);
    11. }

    13. public void set_min_in(float n) {
    14.    // bla bla
    15.  }
    16. }
    And in my App class (that extends PApplet) i have:
    1. public void min_in_0(float n) {sensors[0].set_min_in(n);}
    2. public void min_in_1(float n) {sensors[1].set_min_in(n);}
    3. public void min_in_2(float n) {sensors[2].set_min_in(n);}
    4. public void min_in_3(float n) {sensors[3].set_min_in(n);}
    that works but is not OOP at all...
    (and a little bit ugly..)

    i want something that as i click on the NumberBox of the sensor n.0 the callback call a function of the Sensor class instantiated in sensors[0] is called...

    i tried to play a little bit with "class Sensor implements CallbackListener" but i haven't find an easy and direct way to do that and.. what else?
    i've thought to make this with java reflection but i think it is a little bit  intricate for a similar project (it is only a gui for debug sensors and route messages from arduino to somewhere)..
    i've began to write this little project in processing.org just because it has to be small and easy/fast to write and processing.org is a great tool for fast prototype..

    some hints?
  • [hemesh] 3d tile map
    hi, i'm just thinking about how to create a tile map with hemeshlib. now i'm using HEC_Box for creating single bricks. but if i try to smooth (with catmull clark for example) the whole obtained mesh i see that the bricks are separated. 

    i'm trying to join them in a close-unique mesh, but can't work it out.
    maybe removing duplicate vertex? with some kind of custom modifiers?

    i'm sure that there are thousand ways to do this with this supercool library.

    some help?
    here is the code:

    1. import processing.opengl.*;
    2. import wblut.geom.WB_Point;
    3. import wblut.hemesh.core.HE_Face;
    4. import wblut.hemesh.core.HE_Mesh;
    5. import wblut.hemesh.creators.HEC_Box;
    6. import wblut.hemesh.creators.HEC_Grid;
    7. import wblut.hemesh.subdividors.HES_CatmullClark;
    8. import wblut.processing.WB_Render;

    10. HE_Mesh mesh;
    11. WB_Render renderer;

    13. void setup() {

    15.   size(600, 600, P3D);
    16.   renderer = new WB_Render(this);

    18.   mesh = new HE_Mesh();
    19.   HEC_Grid creator = new HEC_Grid(3, 3, 10*3, 10*3);
    20.   HE_Mesh grid = creator.create();
    21.   mesh.add(grid);

    23.   float values[][] =                 // the height map
    24.   { 
    25.     { 1, 1, 1 } , 
    26.     { 1, 2, 1 } , 
    27.     { 1, 1, 1 }
    28.   };

    30.   HEC_Box cubeFactory = new HEC_Box().setWidth(10).setHeight(10);
    31.   Iterator<HE_Face> itr = grid.fItr();
    32.   for (int i = 0; i < 3; i++) {
    33.     for (int j = 0; j < 3; j++) {
    34.       float d = values[i][j] * 10;
    35.       cubeFactory.setDepth(d);
    36.       WB_Point p = itr.next().getFaceCenter();
    37.       p.z += d/2;
    38.       cubeFactory.setCenter(p);
    39.       mesh.add(cubeFactory.create());
    40.     }
    41.   }
    42.   
    43.   HES_CatmullClark catmull = new HES_CatmullClark()            // test if the bricks are joined in a unique mesh
    44.   .setKeepEdges(true)
    45.   .setKeepBoundary(true);
    46.   mesh.subdivide(catmull,1);
    47. }

    49. void draw() {

    51.   background(120);

    53.   lights();
    54.   translate(300, 300, 300);
    55.   rotateY(mouseX*1.0f/width*TWO_PI);
    56.   rotateX(mouseY*1.0f/height*TWO_PI);
    57.   fill(255);
    58.   noStroke();
    59.   renderer.drawFaces(mesh);
    60.   stroke(0);
    61.   renderer.drawEdges(mesh);
    62. }


  • ControlP5 and "java.util.ConcurrentModificationException"
    hi,
    i'm experiencing a weird problem. i've tried to isolate the code that produce the error and i didn't managed to so i'm going to post quite a lot of code.

    i think the problem is that i try to add controllersi (using the methods ControlP5.addToggle() in this example) during an event of the gui and this could bring to some errors in thread and some syncronizations fails..

    when i move the slider it should be add a toggle. it is added but with this run time error (silently catched by controlP5):

    java.util.ConcurrentModificationException
    at java.util.AbstractList$Itr.checkForComodification(AbstractList.java:372)
    at java.util.AbstractList$Itr.next(AbstractList.java:343)
    at controlP5.ControllerGroup.drawControllers(Unknown Source)
    at controlP5.ControllerGroup.draw(Unknown Source)
    at controlP5.ControlWindow.draw(Unknown Source)
    at sun.reflect.GeneratedMethodAccessor6.invoke(Unknown Source)
    at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:25)
    at java.lang.reflect.Method.invoke(Method.java:597)
    at processing.core.PApplet$RegisteredMethods.handle(Unknown Source)
    at processing.core.PApplet$RegisteredMethods.handle(Unknown Source)
    at processing.core.PApplet.handleDraw(Unknown Source)
    at processing.core.PApplet.run(Unknown Source)
    at java.lang.Thread.run(Thread.java:662)

    commenting lines 55-60 the problem disappear.

    any ideas are appreciated!

    here is the the code:

    1. import controlP5.*;

    3. final int MAX_QUAD = 5;

    5. ControlP5 gui;

    7. int num_quad = 0;
    8. int earingLength = 300;

    10. int k = 0;

    12. ArrayList<Quad> quads = new ArrayList<Quad>();

    14. void setup() {
    15.   size(800, 600);
    16.   smooth(); 

    18.   gui = new ControlP5(this);

    20.   gui.addSlider("setNumQuad")
    21.     .setCaptionLabel("num quad")
    22.     .setPosition(10, 10)
    23.     .setSize(200, 20)
    24.     .setRange(0, MAX_QUAD)
    25.     .setNumberOfTickMarks(MAX_QUAD+1)
    26.     ;
    27. }

    29. void draw() {
    30.   background(100);

    32.   pushMatrix();
    33.   strokeWeight(3);
    34.   stroke(0);
    35.   noFill();
    36.   translate(width/2, height/2 - earingLength/2);

    38.   for (Quad q1 : quads) {
    39.     rect(-q1.edgeLength/2, q1.x, 
    40.          q1.edgeLength, q1.edgeLength);
    41.   }

    43.   popMatrix();
    44. }

    46. void setNumQuad(int n) {

    48.   //println("setNumQuad: "+n);
    49.   if (n==num_quad) {
    50.     // end recursion
    51.   } else if (n>num_quad) {
    52.     //println("add new quad");
    53.     k += 51;
    54.     quads.add(new Quad(k, 20));
    55.     Toggle t = gui.addToggle(""+num_quad)
    56.        .setCaptionLabel("")
    57.        .setPosition(10+num_quad*(200/MAX_QUAD), 40)
    58.        .setSize(10,10)
    59.        .setId(0);
    60.     ;
    61.     
    62.     num_quad++;
    63.     
    64.     setNumQuad(n);
    65.   } else if (n<num_quad) {
    66.     
    67.     k -= 51;
    68.     //println("remove "+n);
    69.     quads.remove(quads.size()-1);
    70.     num_quad--;
    71.     gui.remove(""+num_quad);
    72.        
    73.     setNumQuad(n);
    74.   }
    75.   //println(quads.size());
    76. }

    78. void controlEvent(ControlEvent theEvent) {

    80. }

    82. class Quad {
    83.   
    84.   float edgeLength;
    85.   float x;
    86.   
    87.   Quad(float x, float e) { 
    88.     this.edgeLength = e;
    89.     this.x = x;
    90.   } 
    91.  
    92.   float getDiagonal() {
    93.     return edgeLength; // foo
    94.   } 
    95.   
    96.   float getLastPoint() {
    97.     return x+edgeLength;
    98.   }
    99. }
  • [toxiclibs] sparse point to triangle mesh
    hi!
    i have generated some 3d polygons but now i want to cast them in a TriangleMesh to tap all capabilities of toxiclibs.
    how can i do?
    this is a little example:

    1. import toxi.geom.*;

    3. Vec3D pts[] = {
    4.   new Vec3D(1.0, 1.0, 1.0), new Vec3D(0.0, 0.618034, 1.618034), 
    5.   new Vec3D(1.0, 1.0, 1.0), new Vec3D(1.618034, 0.0, 0.618034), 
    6.   new Vec3D(1.0, 1.0, 1.0), new Vec3D(0.618034, 1.618034, 0.0), 
    7.   new Vec3D(1.0, 1.0, -1.0), new Vec3D(0.0, 0.618034, -1.618034), 
    8.   new Vec3D(1.0, 1.0, -1.0), new Vec3D(1.618034, 0.0, -0.618034), 
    9.   new Vec3D(1.0, 1.0, -1.0), new Vec3D(0.618034, 1.618034, 0.0), 
    10.   new Vec3D(1.0, -1.0, 1.0), new Vec3D(0.0, -0.618034, 1.618034), 
    11.   new Vec3D(1.0, -1.0, 1.0), new Vec3D(1.618034, 0.0, 0.618034), 
    12.   new Vec3D(1.0, -1.0, 1.0), new Vec3D(0.618034, -1.618034, 0.0), 
    13.   new Vec3D(1.0, -1.0, -1.0), new Vec3D(0.0, -0.618034, -1.618034), 
    14.   new Vec3D(1.0, -1.0, -1.0), new Vec3D(1.618034, 0.0, -0.618034), 
    15.   new Vec3D(1.0, -1.0, -1.0), new Vec3D(0.618034, -1.618034, 0.0), 
    16.   new Vec3D(-1.0, 1.0, 1.0), new Vec3D(0.0, 0.618034, 1.618034), 
    17.   new Vec3D(-1.0, 1.0, 1.0), new Vec3D(-1.618034, 0.0, 0.618034), 
    18.   new Vec3D(-1.0, 1.0, 1.0), new Vec3D(-0.618034, 1.618034, 0.0), 
    19.   new Vec3D(-1.0, 1.0, -1.0), new Vec3D(0.0, 0.618034, -1.618034), 
    20.   new Vec3D(-1.0, 1.0, -1.0), new Vec3D(-1.618034, 0.0, -0.618034), 
    21.   new Vec3D(-1.0, 1.0, -1.0), new Vec3D(-0.618034, 1.618034, 0.0), 
    22.   new Vec3D(-1.0, -1.0, 1.0), new Vec3D(0.0, -0.618034, 1.618034), 
    23.   new Vec3D(-1.0, -1.0, 1.0), new Vec3D(-1.618034, 0.0, 0.618034), 
    24.   new Vec3D(-1.0, -1.0, 1.0), new Vec3D(-0.618034, -1.618034, 0.0), 
    25.   new Vec3D(-1.0, -1.0, -1.0), new Vec3D(0.0, -0.618034, -1.618034), 
    26.   new Vec3D(-1.0, -1.0, -1.0), new Vec3D(-1.618034, 0.0, -0.618034), 
    27.   new Vec3D(-1.0, -1.0, -1.0), new Vec3D(-0.618034, -1.618034, 0.0), 
    28.   new Vec3D(0.0, 0.618034, 1.618034), new Vec3D(0.0, -0.618034, 1.618034), 
    29.   new Vec3D(0.0, 0.618034, -1.618034), new Vec3D(0.0, -0.618034, -1.618034), 
    30.   new Vec3D(1.618034, 0.0, 0.618034), new Vec3D(1.618034, 0.0, -0.618034), 
    31.   new Vec3D(-1.618034, 0.0, 0.618034), new Vec3D(-1.618034, 0.0, -0.618034), 
    32.   new Vec3D(0.618034, 1.618034, 0.0), new Vec3D(-0.618034, 1.618034, 0.0), 
    33.   new Vec3D(0.618034, -1.618034, 0.0), new Vec3D(-0.618034, -1.618034, 0.0),
    34. };

    36. void setup() {
    37.   size(400, 400, P3D);
    38. }

    40. void draw() {
    41.   background(255);
    42.   translate(width/2, height/2);
    43.   float rx = mouseY * 0.01f;
    44.   float ry = mouseX * 0.01f;
    45.   rotateX(rx);
    46.   rotateY(ry);

    48.   Vec3D v1, v2;

    50.   for (int i=0; i<pts.length-1; i+=2) {
    51.     v1 = pts[i];
    52.     v2 = pts[i+1];
    53.     line(v1.x*100, v1.y*100, v1.z*100, 
    54.     v2.x*100, v2.y*100, v2.z*100);
    55.   }
    56. }
    edit: mayebe is it possible with hemesh?
  • high res koch 3d fractal with toxiclib
    hi
    i'm attempt to make an usual workflow for processing user: use some computational geometry library (in my case the supercool toxiclib) and then render with sunflow.
    i'm flirting with fractals in this period so my sketch is on koch3d fractal surface:

    i've done it with TriangleMesh toxic class and a KochSubdivideStrategy class that take 2 triangular faces (a quad), subdivide it in a 3x3 grid, extrude the center, and do it recursively. ok, it works.

    this is my result:


    now, each iteration i print out the number of vertices and this is what i get:

    140
    1726
    27968
    441867

    Exception in thread "Animation Thread" java.lang.OutOfMemoryError: Java heap space
    now.. i want to get only the structure - TriangleMesh object or List<Vec3D> - and not to render it (the render will be in sunflow and i don't care about how long it is and how much time it takes).

    i am almost totally empty of shading and gpu stuffs.. but..
    how can i get more resolution without java heap space exception?
    mayebe some gpu or shading stuff can help me?
    or what else?
    ok make fractals is a really heavy computations and it has exponential complexity but how can i achive some really really cool complex geometric mesh like this last piece (from  http://www.incendia.net/gallery/index.html)?


    after that i want to use some of subdividing strategy of the toxiclib core for deform a bit my koch3d so i need to ba back in java.. any ideas?
  • [toxiclib] get rotation from a normal
    hello i have an object (a mesh) and i want to orient it to be parallel to another terrain-mesh in a certain position (the position is a triangle).

    so, something like that:
    with given triangle in terrain,
    get R the rotation of this triangle
    rotate object of R.

    i don't know how to get R. I tried getting the triangle normal and obtain R computing the angles between the normal and axis. But i don't get the expected values.

    this code is a kind of unit test and i tried to keep it as easy as possible:
    1.             // get a complex terrain
    2.             TriangleMesh mesh = new TriangleMesh();
    3.             mesh.addFace(new Vec3D(0,0,0), new Vec3D(10,0,0), new Vec3D(10,10,0));
    4.             mesh.rotateX(PI/3);
    5.             mesh.rotateY(0);
    6.             mesh.rotateZ(0);
    7.       
    8.             // get the target position 
    9.             Face f = ((ArrayList<Face>)mesh.getFaces()).get(0);

    11.              // get the rotaion of this triangle
    12.             f.computeNormal();
    13.             Vec3D v = f.normal;
    14.             float angleX = (Vec3D.Axis.X.getVector().angleBetween(v));
    15.             float angleY = (Vec3D.Axis.Y.getVector().angleBetween(v));
    16.             float angleZ = (Vec3D.Axis.Z.getVector().angleBetween(v));

    18.             // EXPECTED VALUES: angleX=PI/3, angleY=0, angleZ=0
    19.             System.out.println(angleX);
    20.             System.out.println(angleY);
    21.             System.out.println(angleZ);
  • Eclipse, applet and saving pdf
    hello,
    i'm writing here because i'm not sure where the problem is.

    i have just done a simple applet that save a pdf. i wrote it in eclipse.
    if i run inside eclipse everything is ok, and pdf is saved in /bin folder.
    then i have exported it as an applet using proclipsing
    in the end i signed the jar fil following the instructions on the wiki.

    no error is displayed, no pdf is saved.
    where can be the problem?

  • camera seems to rotate?
    hello, i'm trying to modify camera setting to make an object that change its dimension always in the center of the screen.
    my 3d object is dinamically changing its height and i want the camera to move far or near from it to make it always in the center.
    so if it is small.. my camera is near, if it is big the camera moves back.

    i'm using the formula:

    1. float distance = h / tan((fov)/2); 

    3. camera(width/2.0, height/2.0, distance, 
    4.          AABBcenter.x, AABBcenter.y, 0, 
    5.          0, 1, 0);



    where h is the height of the object, fov is the field of view (i used the standard one in processings.org, PI/3.0) and the gained distance is the distance the camera has to move along z-axis. the PVector AABBcenter object record the center of bounding box of my object.

    the formula is correct (i used it with panda3d render engine and it is ok), and the camera moves correctly and the object remains in the center.

    the problem is that the object seems to rotate!
    why??
    how can i avoid this?
  • collision detection with image subtraction
    hi all

    i'm trying to implement this sketch by jared tarbell:  http://www.complexification.net/gallery/machines/boxFitting/
    but with different collision detection algorithm
     
    i've seen this collision tecniques in actionscript3:

    the key function is BitmapData.hitTest and i want to implement it in processing.. i've looked for some image subtraction in processing but without result and my implementation (nested for loop in x,y with PGraphics.get) is really too slow and my processing.org ide contue to crash..

    some advice?

    EDIT: i found the first error: i could check only perimeter not the whole rect!
    EDIT 2: the right code, it works mayebe it could be more optimezed!

    ps. this is my code:

    3. int stage = 600;
    4. int grow_limit = 50;

    6. PGraphics buffer = createGraphics(stage, stage, P2D); //createImage(stage, stage, ALPHA);

    8. ArrayList rects = new ArrayList();

    10. color bg = color(55,30,115);

    12. //------------------------------------------------------------------------------------- MAIN
    13. //------------------------------------------------------------------------------------- MAIN
    14. //------------------------------------------------------------------------------------- MAIN

    16. void setup() {

    18.   //size(*2stage, stage);
    19.   size(stage, stage);
    20.   background(bg);
    21.   smooth();

    23.   buffer.beginDraw();
    24.   buffer.background(0);
    25.   buffer.endDraw();

    27.   addRect();addRect();addRect();addRect();addRect();addRect();addRect();
    28. }


    31. void draw() {
    32.   
    33.   Rectangle r;

    35.   //println("rests: "+rects.size());

    37.   for (int i=0; i<rects.size(); i++) {
    38.     r = (Rectangle) rects.get(i);
    39.     boolean dead = r.grow();
    40.     if (dead) {
    41.       rects.remove(i);
    42.       addRect();
    43.     }
    44.   }
    45.   //image(buffer, stage, 0);
    46. }

    48. void addRect() {
    49.   int x = (int)random(stage);
    50.   int y = (int)random(stage);
    51.   addRect(x, y);
    52. }
    53. void addRect(int x, int y) {
    54.   //println("addRect "+rects.size());
    55.   rects.add(new Rectangle(x, y));
    56. }

    58. boolean hittest(Rectangle r) {
    59.   /** Return True if there is no collision. False otherways. **/

    61.   //println("hittest");

    63.   if (r.x+r.w > stage) return false;
    64.   if (r.y+r.h > stage) return false;

    66.   // check only the perimeter!!
    67.   int i=0, j=0;
    68.   j = r.y;

    70.   int flag = 0;

    72.   j = r.y -1;
    73.   for (i=r.x; i<(r.x+r.w); i++) flag += checkPixel(i, j);

    75.   j = r.y+r.h +1;
    76.   for (i=r.x; i<(r.x+r.w); i++) flag += checkPixel(i, j);

    78.   i = r.x -1;
    79.   for (j=r.y; j<(r.y+r.h); j++) flag += checkPixel(i, j);

    81.   i = r.x+r.w +1;
    82.   for (j=r.y; j<(r.y+r.h); j++) flag += checkPixel(i, j);

    84.   return flag==0;
    85. }

    87. int checkPixel(int i, int j) {
    88.   color black = color(0);
    89.   if ( buffer.get(i, j) == black) return 0;
    90.   else return 1;
    91. }

    93. //------------------------------------------------------------------------------------- RECTANGLE
    94. //------------------------------------------------------------------------------------- RECTANGLE
    95. //------------------------------------------------------------------------------------- RECTANGLE

    97. class Rectangle {
    98.   
    99.   int x, y, w, h;
    100.   boolean dead = false;
    101.   
    102.   float rotation = random(TWO_PI);
    103.   float delta = random(3,6);
    104.   
    105.   public Rectangle(int x, int y) {
    106.     println("Rectangle > .");
    107.     this.x = x;
    108.     this.y = y;
    109.     this.w = this.h = 2;
    110.   }

    112.   boolean grow() {
    113.     this.h+=1;
    114.     this.w+=1;

    116.     if ( hittest(this) ) {

    118.       if (h>grow_limit || w>grow_limit) dead = true;

    120.       this.draw();
    121.       buffer.beginDraw();
    122.       buffer.noStroke();
    123.       buffer.fill(100);
    124.       buffer.rect(x, y, w, h);
    125.       buffer.endDraw();
    126.     } 
    127.     else dead = true;
    128.     
    129.     return dead;
    130.   }
    131.   
    132.   void draw() {
    133.     
    134.     fill(bla);
    135.     stroke(blabla);
    136.     rect(x, y, w, h);
    137.   }
    138. }

    PS: ANY ADVICE OR ANY KIND OF CONSIDERATIONS ON THE CODE AND HOW TO DEBUG IT IS REALLY APPRECIATED
  • p5-opengl on web: the state of art
    hi guys
    i'm writing because i can't get the point.
    i am on ubuntu and i have processing 1.1, browsing web on chrome, but problem is present also in firefox

    on this page:
    i read: 

    OpenGL sketches run on the web starting with release 0113. (Bug 166)
     
    and i can easily visualize this page:

    i wrote a simple apps in processing.org using opengl renderer, but when export and open the applet there is only white page (in local, but uploading it on web with all consideration on this discussion  http://forum.processing.org/topic/implement-processing-applet-in-wordpress-com-blog it's the same).
    i've tried to sign applet (this care? i have no external resource) and google this problem but no solutions works for me.

    any suggestion is appreciated

    this is my applet:
    1. import processing.opengl.*;
    2. import javax.media.opengl.*;
    3. import peasy.*;

    5. PeasyCam cam;
    6. PFont font;
    7. VivianiCurve viviani;

    9. void setup() {
    10.   size(600,400, OPENGL);
    11.   //smooth();
    12.   
    13.   cam = new PeasyCam(this, 250);
    14.   font = loadFont("font.vlw");
    15.   textFont(font, 14);

    17.   viviani = new VivianiCurve(100);
    18. }

    20. void draw() {

    22.   background(230);  
    23.   noFill();
    24.   lights();

    26.   stroke(80);
    27.   fill(80);
    28.   cam.beginHUD();
    29.   text("Viviani's curve. move the mouse to change Frenet-frame position", 
    30.        20, 20);
    31.   cam.endHUD();

    33.   drawAxis();

    35.   stroke(80);
    36.   noFill();
    37.   drawCurve(viviani.getPoints());

    39.   drawFrenetFrame();
    40. }

    42. class Vec3D extends PVector { 

    44.   public Vec3D() {
    45.     super(0,0,0);  
    46.   }

    48.   public Vec3D(float x, float y, float z) {
    49.     super(x,y,z);
    50.   }

    52.   public Vec3D(PVector old) {
    53.     super(old.x, old.y, old.z);
    54.   }

    56.   public Vec3D cross(Vec3D p) {
    57.     Vec3D r = new Vec3D(super.cross(p));
    58.     return r;
    59.   }


    62.   public Vec3D normalized() {
    63.     float mag = (float) Math.sqrt(x * x + y * y + z * z);
    64.     if (mag > 0) {
    65.       mag = 1f / mag;
    66.       x *= mag;
    67.       y *= mag;
    68.       z *= mag;
    69.     }
    70.     return this;
    71.   }
    72.   
    73. }

    75. class VivianiCurve {

    77.   int curve_length = 100; // number of points that represent the curve
    78.   Vec3D points[];
    79.   float a = 50;

    81.   VivianiCurve(int l) {
    82.     curve_length = l;
    83.     points = new Vec3D[curve_length];
    84.     sample();
    85.   }

    87.   void sample() {
    88.     float theta = 0.1;
    89.     float p = 2.4;
    90.     float q = 1.6;
    91.     float dt = ((TWO_PI) / 100)*3;

    93.     for (int i=0; i<curve_length; i++) {
    94.       points[i] = sample(theta);
    95.       theta += dt; 
    96.     }
    97.   }
    98.   
    99.   float getPeriod()  {
    100.     return TWO_PI*3;
    101.   }

    103.   Vec3D sample(float theta) {
    104.     float x = a*(1+cos(theta));
    105.     float y = a*sin(theta);
    106.     float z = 2*a*sin( theta/2 );

    108.     return new Vec3D(x,y,z);
    109.   }

    111.   Vec3D[] getPoints() {
    112.     return points; 
    113.   } 

    115.   public Vec3D derivateI(float t) {
    116.     Vec3D r = new Vec3D();
    117.     r.x = - a * sin(t);
    118.     r.y =  cos(t);
    119.     r.z = a * cos( t/2 );
    120.     return r;
    121.   }

    123.   public Vec3D derivateII(float t) {
    124.     Vec3D r = new Vec3D();
    125.     r.x = cos(t);
    126.     r.y = - sin(t);
    127.     r.z = - sin( t/2 );
    128.     return r;
    129.   }

    131.   Vec3D getTangent(float t) {
    132.     Vec3D tangentVector = derivateI(t);
    133.     return tangentVector.normalized();
    134.   }

    136.   Vec3D getNormal(float t) {
    137.     return getBinormal(t).cross(getTangent(t)).normalized();
    138.   }

    140.   Vec3D getBinormal(float t) {
    141.     Vec3D derivataI = derivateI(t);
    142.     Vec3D derivataII = derivateII(t);
    143.     Vec3D binormalVector = derivataI.cross(derivataII);
    144.     return binormalVector.normalized();
    145.   }  
    146. }

    148. void drawFrenetFrame() {
    149.   float t = map(mouseX, 0, width, 0, viviani.getPeriod());
    150.   Vec3D point = viviani.sample(t);
    151.   
    152.   Vec3D temp = viviani.getTangent(t);
    153.   drawVector(point.x, point.y, point.z, point.x+temp.x*10, point.y+temp.y*10, point.z+temp.z*10);
    154.   
    155.   temp = viviani.getBinormal(t);
    156.   drawVector(point.x, point.y, point.z, point.x+temp.x*10, point.y+temp.y*10, point.z+temp.z*10);
    157.   
    158.   temp = viviani.getNormal(t);
    159.   drawVector(point.x, point.y, point.z, point.x+temp.x*10, point.y+temp.y*10, point.z+temp.z*10);
    160. }

    162. void drawAxis() {
    163.   stroke(150);
    164.   drawVector(0,0,0, 10, 0, 0);
    165.   stroke(150);
    166.   beginShape();
    167.   drawVector(0,0,0, 0, 10, 0);
    168.   endShape();  
    169.   stroke(150);
    170.   beginShape();
    171.   drawVector(0,0,0, 0, 0, 10);  
    172.   endShape();
    173. }

    175. void drawVector(float v1x, float v1y, float v1z,float v2x, float v2y, float v2z) {
    176.   beginShape();
    177.   vertex(v1x,v1y,v1z);
    178.   vertex(v2x,v2y,v2z);
    179.   endShape();
    180. }

    182. void drawCurve(Vec3D points[]) {
    183.   beginShape();
    184.   for(int i=0; i<points.length; i++) {
    185.     vertex(points[i].x, points[i].y, points[i].z);

    187.   }

    189.   endShape();
    190. }
  • why is it not a perfect circle?
    i don't understan why it is not a perfect circle!!

    2. float inner_radius = 80f, outer_radius = 160f;
    3. int numpoint = 30;

    5. void setup() {
    6.   size(500, 500); 
    7.   smooth();
    8. }

    10. void draw() {
    11.   background(0);
    12.   translate(width/2, height/2);

    14.   float  k = 6;
    15.   float c[], s[];
    16.   float theta=0, dt;


    19.   noFill();
    20.   stroke(200);

    22.   c = new float[numpoint];
    23.   s = new float[numpoint];

    25.   stroke(200);
    26.   noFill();
    27.   dt=TWO_PI/(k*(numpoint));

    29.   for(int spicchi=0; spicchi<k; spicchi++) {  

    31.     println( degrees(theta) );

    33.     for(int i=0; i<numpoint; i++) {  
    34.       c[i] = cos(theta);  
    35.       s[i] = sin(theta);

    37.       theta += dt;
    38.     }

    40.     beginShape();

    42.     for(int i=0; i<numpoint; i++) {  
    43.       vertex(c[i]*inner_radius, s[i]*inner_radius);
    44.     }
    45.     for(int i=numpoint-1; i>0; i--) {  
    46.       vertex(c[i]*outer_radius, s[i]*outer_radius);
    47.     }
    48.     vertex(c[0]*inner_radius, s[0]*inner_radius);
    49.     endShape();
    50.   }
    51.   println( degrees(theta) );
    52.   noLoop();
    53. }
  • porting processing to jogl: how lights() works?
    hi!
    i've been a nice prototype in processing with a bit of 3d surfaces and now i have to integrate all that code in a JOGL project and i'm not an opengl guy. i've played all night with glLight but i can't porting this ultra simple code:

    1. lights();
    2. fill(200);
    i get some abient light and some directional light but they are not so simle&nice as the processing sketch.

    some advice?
  • gravity in a particle system
    i guys i've tried to implement a simple particle system
    i've got a Circle class with location, position and acceleration PVector

    and this method:
    2.   void gravity() {
    3.     for(int i=0; i<particles.length; i++) {
    4.       Circle body = particles[i];
    5.       
    6.       PVector attractor = new PVector(mouseX, mouseY);      //center of attraction
    7.       PVector between  = PVector.sub( attractor, body.location); //distance vector
    8.       float   distBetween = between.mag();  //distance value
    9.       if(distBetween>=60) { // ###
    10.          distBetween=60;
    11.       }
    12.       between.normalize(); // why?? because i have subtracted?
    13.       float force = (50 * body.radius ) / (distBetween*distBetween); // newton gravity formula
    14.       between.mult(force); // why not normilizing again?
    15.       body.velocity.add(between);
    16.     }
    17.   }
    i don't understand why to normalize, 
    and i'm gaining - dont know why - a "spring" linke movement:
    particles get mouseX and mouseY coordination but oltrepass it and come back in a circular way,
    and sometimes (there are ranodm initial velocity) orbit around it
    .. but i'm adding gravity vector on velocity, not accellaration (as in spring formula!)
    i thought that if gravity is too strong is bad, and so i put the if condition (###):
    no more absurde velocity but if i left particles goes on for minutes the never achive mouseX,mouseY..
  • hipstersinc.P5Sunflow eeds to be updated for the current release of Processing.
    hi
    i found this library:

    it seems awesome!
    but.. not going now.
    i'm on processing 1.1
    and with java 1.5

    what can it be??
    by the way, that sunflow seems to be no more developed, last news is in 2008

    there are other ways to make render like that?
    it seems to be a wrapper for a supercool renderer engine..
    there are alternatives?

    2. java.lang.NoSuchMethodException: hipstersinc.P5Sunflow.<init>()
    3. at java.lang.Class.getConstructor0(Class.java:2678)
    4. at java.lang.Class.getConstructor(Class.java:1629)
    5. at processing.core.PApplet.makeGraphics(PApplet.java:1315)
    6. at processing.core.PApplet.size(PApplet.java:1142)
    7. at processing.core.PApplet.size(PApplet.java:1102)
    8. at sketch_nov30a.setup(sketch_nov30a.java:81)
    9. at processing.core.PApplet.handleDraw(PApplet.java:1571)
    10. at processing.core.PApplet.run(PApplet.java:1496)
    11. at java.lang.Thread.run(Thread.java:613)
    12. processing.app.debug.RunnerException: RuntimeException: hipstersinc.P5Sunflow needs to be updated for the current release of Processing.
    13. at processing.app.Sketch.placeException(Sketch.java:1565)
    14. at processing.app.debug.Runner.findException(Runner.java:568)
    15. at processing.app.debug.Runner.reportException(Runner.java:543)
    16. at processing.app.debug.Runner.exception(Runner.java:498)
    17. at processing.app.debug.EventThread.exceptionEvent(EventThread.java:367)
    18. at processing.app.debug.EventThread.handleEvent(EventThread.java:255)
    19. at processing.app.debug.EventThread.run(EventThread.java:89)
    20. Exception in thread "Animation Thread" java.lang.RuntimeException: hipstersinc.P5Sunflow needs to be updated for the current release of Processing.
    21. at processing.core.PApplet.makeGraphics(PApplet.java:1368)
    22. at processing.core.PApplet.size(PApplet.java:1142)
    23. at processing.core.PApplet.size(PApplet.java:1102)
    24. at sketch_nov30a.setup(sketch_nov30a.java:81)
    25. at processing.core.PApplet.handleDraw(PApplet.java:1571)
    26. at processing.core.PApplet.run(PApplet.java:1496)
    at java.lang.Thread.run(Thread.java:613)

  • Invalid memory access of location
    hi guys
    i was playing with a frind with some supersimple 2d graphics
    i'm on imac with mac os-x 10.5.8

    every time i run this sketched i get this error:

    Invalid memory access of location 0xb0fb6e8b eip=0x94ba7931

    this is the bad code,
    i'm not an hard coder but it doesn't look like a great memory waster

    2. int circle_radius = 5;
    3. int c = 255;

    5. float speed = 0, spring = 0.4, resistence = 0.08;
    6. float delta = 1;

    8. float rot = 0;

    10. void setup() {
    11.   size(800,800);
    12.   smooth();
    13. }

    15. void draw() {
    16.   background(0);

    18.   translate(width/2, height/2);
    19.   rotate(rot); 

    21.   float angle = 0;

    23.   float sin_angle = 0;
    24.   for (int i=600; i>0; i-=circle_radius) {
    25.     sin_angle = wave_function(angle);

    27.     fill(c);
    28.     c = switchColor(c);
    29.     ellipse(sin_angle,sin_angle, i, i);

    31.     angle += delta;
    32.   }

    34.   delta = spring(delta, 0);
    35.   rot+=0.08;
    36.   //delta = map(mouseX, 0, width, 0, 1);
    37. }

    39. float wave_function(float angle) {
    40.   return sin(angle)* 4;
    41.   //return noise(angle)*4;
    42. }

    44. float spring(float x, float target) {
    45.   speed += (target - x) * spring;
    46.   speed *= resistence;
    47.   x += speed;

    49.   println(x);
    50.   if(x<=0.01)x = 0;

    52.   return x;
    53. }

    55. int switchColor(int c) {
    56.   c = (c==255) ? (0) : (255);
    57.   return c;
    58. }

    60. void mousePressed() {
    61.   //spring = random(0.8);
    62.   //resistence = random(0.8);
    63.   delta = 1;

    65.   println(spring);
    66.   println(resistence);
    67. }
  • find all shapes from 2 intersecated rects
    hi
    i have two parallel rectangles (so no rotation) and i want to find all shapes formed by intersection.

    this is an example:

                        
      
                     
    1. 1----------2
      2. 
                     
    2. | |
      3. 
                     
    3. | 5----9----6
      4. 
                     
    4. | | | |
      5. 
                     
    5. 3----10----4 |
      6. 
                     
    6.  | |
      7. 
                     
    7.  | |
      8. 
                     
    8.  7---------8 
      9.


    first rectangle: 1,2,3,4
    second: 5,6,7,8
    intersection points: 9,10 (getted by brute force intersecting all segment of first rect with each other of second one.. there is a better way?)

    desired output:
    1,2,9,5,10,3
    5,9,10,4
    9,6,8,7,10,4

    i hope you understand, sorry for my bad english
  • flip a graphics
    hi
    i want to flip horizzontally a PGraphcs object,
    in JAVA2D renderer
    1. scale(-1,0) 
    get this error:


    java[1011] <Error>: CGPointApplyInverseAffineTransform: singular matrix.
    what can i do?

  • glow effect
    hi guys
    i'm rendering some wireframes objects and i want to apply a glow effects to it.

    like this: 

    what i've understand:
    render not in normal mode but inside a texture,
    copy my texture and blur the copy
    get another copy to get the bloom mask (i've not fully understand what this is)
    merge the 3 texture obtained to get final effect (with opengl blend mode i think)

    i'm looking for a good way to do this with no external library (like glgraphics or pixelnerve)