PShape JL2 = JL12.getChild(1);
JL2.rotateZ(0.01*PI);

Thank you very much!

here is the code:

  import processing.video.*;
import peasy.*;
import peasy.org.apache.commons.math.*;
import peasy.org.apache.commons.math.*;

PeasyCam cam;
PShader sh;
float count;
Movie mov;
PGraphics p;

void setup (){

size(1440, 900, P3D );
mov = new Movie(this, "osc_noc.mov");
mov.play();
p = createGraphics(width,height);
cam = new PeasyCam(this, 500);
sh = loadShader("basicShaderFrag.glsl", "basicShader.glsl");
}

void movieEvent(Movie m) {
  m.read();
}

void draw(){
background(0);
shader(sh);
count +=0.09;
sh.set("u_time", count);

sphere(100);
p.beginDraw();
p.background(0);
p.image(mov, 0, 0, 200, 200);
p.endDraw();
sh.set("tex",p);
// image(p, 5, 260 ,200, 200);
}

#version 150

uniform mat4 transform;
uniform sampler2D tex;

in vec4 position;
in vec2 texCoord;
in vec3 normal;

out vec2 TexCoord;

void main(){

  TexCoord = texCoord;
  gl_Position = transform * position;
}


#ifdef GL_ES
precision mediump float;
#endif

#define PI 3.14

in vec2 TexCoord;
uniform float u_time;
uniform sampler2D tex;

void main(){
  vec2 uv = TexCoord;

  gl_FragColor = vec4(texture(tex, TexCoord));
}

a white screen appears, and next it close. the console just say: "Finished". it may be a bug? i could pass a PImage as a texture. but when i link the fragment and shader program into the sketch folder then crash. ..

(The red square is the target. I need to change the white outlined square)

My design is to drag the cursor square's corner to the target square's corner, which in the process will scale and rotate to match the square.

The pushMatrix() is set so that the origin is at the center of the cursor square. (Square mode is CENTER too.)

Right now, The rotation is working but the size is weird. Here's one example:

It should match the red square, but right now it's too huge. I printed the distance from my mouse to the center of the square and it's a rather large number...

My suspicion is, I had to use P3D renderer so I could use modelX(), even though the whole thing is just 2D. Somewhere in the 3D might have messed the distance up. But I'm not sure.. I did set Z to 0 every time I have the chance..

Here's an edited version of my code. The parameters for rotation, square size and translation are GLOBAL. I'll really appreciate it if you could take a look!

void draw() {
  //omitted background and other things..
  //===========DRAW TARGET SQUARE=================
  pushMatrix();
  translate(width/2, height/2, 0); //center the drawing coordinates to the center of the screen
  Target t = targets.get(trialIndex);//generated somewhere else
  translate(t.x, t.y, 0); //center the drawing coordinates to the center of the screen
  rotateZ(radians(t.rotation));
  //omitted fill and strokes
  popMatrix();

  //===========DRAW CURSOR SQUARE=================
  pushMatrix();
  translate(width/2, height/2, 0); //center the drawing coordinates to the center of the screen
  translate(screenTransX, screenTransY, 0);
  rotateZ(radians(screenRotation));

  //omitted stroke and fills

  rect(0,0, size, size);

  //record the corner coordinates using modelX
  //up-left
  ULX = modelX(-size/2, -size/2, 0);
  ULY = modelY(-size/2, -size/2, 0);

  //.....
  //omitted code for other corners
  //other stuff......
}

void mouseMoved()
{
  //omitted other code

  //rotate and scale the square once the centers line up
  if (mode == "rotScale" && rotatingCorner != ""){

    //THIS LINE IS THE PROBLEM
    size = sqrt(2)* dist(mouseX, mouseY, 0, (ULX+URX)/2, (ULY+DLY)/2, 0);
    //THE LINE ABOVE IS THE PROBLEM

    //adding multiplies of 45 since I'm rotating the corners 
    if (rotatingCorner == "UR") screenRotation = degrees(atan2(mouseY-(ULY+DRY)/2, mouseX-(ULX+DRX)/2))-45;
    if (rotatingCorner == "DR") screenRotation = degrees(atan2(mouseY-(ULY+DRY)/2, mouseX-(ULX+DRX)/2))+45;
    if (rotatingCorner == "UL") screenRotation = degrees(atan2(mouseY-(ULY+DRY)/2, mouseX-(ULX+DRX)/2))-135;
    if (rotatingCorner == "DL") screenRotation = degrees(atan2(mouseY-(ULY+DRY)/2, mouseX-(ULX+DRX)/2))+135;
  }

}

void mousePressed()
{
  //decide which corner the user just picked up
  if (mode == "rotScale"){
    if (dist(ULX, ULY, 0, mouseX, mouseY, 0)<5){
      rotatingCorner = "UL";
    //omitted code for other corners
    rotating = true;

    println(dist(mouseX, mouseY, 0, (ULX+URX)/2, DLY - (ULY+DLY)/2, 0));
  }
}

    PShape my_sphere;
    ArrayList<PVector> vertices = new ArrayList<PVector>();

    void setup(){
      size(800, 600, P3D);
      frameRate(60);
      smooth();
      sphereDetail(10);
      fill(255,0,0);
      my_sphere = createShape(SPHERE, 100);
    }

    void draw_sphere(){
      pushMatrix();
      translate(width/2, height/2);
      rotateZ(millis() * 0.0001 * TWO_PI);
      //rotateY(millis() * 0.0001 * TWO_PI);
      shape(my_sphere);
      my_sphere.setVisible(false);
      popMatrix();
    }

    void draw_points(){
      getVertices(my_sphere, vertices);
      for(int i=0; i < vertices.size(); i++){
        PVector vertex = vertices.get(i);
        float x = vertex.x;
        float y = vertex.y;
        float z = vertex.z;

        float s_x = screenX(x, y, z);
        float s_y = screenY(x, y, z);

        point(s_x+(width/2), s_y+(height/2));
      }
    }

    void draw(){
      background(255,255,255);
      draw_sphere();
      draw_points();
      vertices.clear();
    }

    void getVertices(PShape shape, ArrayList<PVector> vertices){
      for(int i = 0 ; i < shape.getVertexCount(); i++){
        PVector vertex = shape.getVertex(i);
        vertices.add(vertex);
      }
    }

The issue I'm seeing is that as the sphere rotates (which I've hidden) the points aren't updating to match. Why? I've tried lots of things and can't seem to figure it out. Help would be appreciated.

I have a problem with a sketch in witch I need to make some cubes face a certain coordinate in P3D it works for the Z axis just like 2D with atan2() but when it comes to the X and Y axis it doesn't work :/

here is the code I have for now:

import peasy.*;

PeasyCam cam;


float x;
float y;
float z;

void setup() {
  size(500,500,P3D);
  cam = new PeasyCam(this, 100);
}

void draw() {
  background(50);

  //the angles
  float angleZ = atan2(-x,y); //-x,y
  float angleX = atan2(0,z);
  float angleY = atan2(-z,x);

  //Cube that need to face the target
  pushMatrix();
  rotateZ(angleZ);
  rotateX(angleX);
  //rotateY(angleY);
  translate(0,0,0);
  box(100);
  line(0,0,0,0,1000,0);
  popMatrix();

  //Cube that need to face the target
  pushMatrix();
  translate(1000,1000,1000);
  rotateZ(atan2(-x+1000,y-1000));
  //rotateX(atan2(y+100,-z-100));
  box(100);
  line(0,0,0,0,1000,0);
  popMatrix();

  //to control the little cube (target)
  if(keyPressed) {
   if(keyCode==UP) {
      y+=4;
    }
    if(keyCode==DOWN) {
      y-=4;
    }
    if(keyCode==LEFT) {
      x+=4;
    }
    if(keyCode==RIGHT) {
      x-=4;
    }
    if(key==' ') {
      z+=4;
    }
    if(keyCode==SHIFT) {
      z-=4;
    }
  }

  //little cube (taget)
  pushMatrix();
  translate(x,y,z);
  box(50);
  popMatrix();
}

I used the peasyCam so its easier to see and control

float x,y,z are the targets to face, you can control them with Arrows Space and Shift

thanks !

But I have a big problem, the third box 's rotation isn't what I want, I don't know how to explain it but here is my code. How to fix this and have a good mouvement of index ? Thanks for the help.

int a = 80;
int z = 0;
int e =50;
int r = 60;
float rot1;//rotation of cube_1
float rot2;//rotation of cube_2
float rot3;//rotation of cube_3




void setup() {
  size(400, 400, P3D);
  smooth();
}

void  draw() {
  background(20, 50, 80);

  //base
  translate(width/4, height/4);
  box(80, 50, 50);
  pushMatrix();
  // 1/2/3
  translate(a, z);//1
  rotateZ(rot1);
  box(r, e, e);
  translate(a, z);//2
  rotateZ(rot2);
  box(r, e, e);

  translate(a, z);//3
  rotateZ(rot3);
  box(r, e, e);
  popMatrix();

  if  (keyPressed == true)
  {
    if (key =='a') {  //Rot1
      rot1 = rot1 + 0.01;
    } else if (key == 'z') {
      rot1 = rot1 - 0.01;
    }

    if (key =='a') { //rot2
      rot2 = rot2 + 0.01;
    } else if (key == 'z') {
      rot2 = rot2 - 0.01;
    }

    if (key =='a') { //rot3
      rot3 = rot3 + 0.01;
    } else if (key == 'z') {
      rot3 = rot3 - 0.01;
    }
  }

  if (rot1 > 1.5) {
    rot1 = 1.5;
  } else if (rot1 < -0.5) {
    rot1 = -0.5;
  }
  if (rot2 > 1.0) {
    rot2 =60;
  } else if (rot2 < 0.0) {
    rot2 = 0.0;
  }
  if (rot3 > 1.5) {
    rot3 = 1.5;
  } else 
  if (rot3 < 0) {
    rot3 = 0;
  }
  println(rot3);
}

Found good code for rotating PShapes, but scale doesn't seem to work for me. I always end up with scale somehow in the draw loop, which to my understanding means it is going to be run over and over (See results). I know this is a very basic question, but I'm still learning.

Thanks,

// A list of objects ArrayList polygons;

void setup() { size(640, 360, P3D);

// Make a PShape PShape star = createShape(); star.beginShape(); star.noStroke(); star.fill(0, 127); star.vertex(0, -50); star.vertex(14, -20); star.vertex(47, -15); star.vertex(23, 7); star.vertex(29, 40); star.vertex(0, 25); star.vertex(-29, 40); star.vertex(-23, 7); star.vertex(-47, -15); star.vertex(-14, -20); star.endShape(CLOSE);

// Make an ArrayList polygons = new ArrayList();

// Add a bunch of objects to the ArrayList // Pass in reference to the PShape // We coud make polygons with different PShapes for (int i = 0; i < 25; i++) { polygons.add(new Polygon(star)); } }

void draw() { background(255);

// Display and move them all for (Polygon poly : polygons) { scale(0.9); poly.display(); poly.move(); } } // A class to describe a Polygon (with a PShape)

class Polygon { // The PShape object PShape s; // The location where we will draw the shape float x, y; // Variable for simple motion float speed; float theta1 = 0;

Polygon(PShape s_) { x = random(width); // y = random(-500, -100); y = random(height); s = s_; // speed = random(2, 6); speed = 0; }

// Simple motion void move() { y += speed; if (y > height+100) { y = -100; } } //

// Draw the object void display() { pushMatrix(); translate(x, y); rotateZ(theta1); // scale(0.5); shape(s); theta1+=0.02; popMatrix(); } }

I'm a beginner who's trying to pick a 3D box with a mouse click using the Shapes 3D and PeasyCam libraries in Python mode.

I referred to this previous discussion: http://forum.processing.org/two/discussion/4066/peasycam-cursor-location-in-comparison-to-objects-shapes3d-#Item_9, but I'm getting a NullPointerException.

Here's the code:

add_library('Shapes3d')
add_library('peasycam')

clicked = False 
picked = None

Boxes = [] 

def setup():
    size(400,400,P3D)
    cursor(CROSS) 

    cam = PeasyCam(this, 150) 
    cam.setMinimumDistance(50)
    cam.setMaximumDistance(300)
    cam.setYawRotationMode()

    b = Box(this,30,60,100)
    b.fill(0)
    b.stroke(color(0,255,0))
    b.strokeWeight(2)
    b.drawMode(S3D.WIRE)
    Boxes.append(b) 

def draw():

    background(0)

    rotateX(1.57)
    rotateZ(-.75)

    if clicked :
        clicked = False
        picked = Shape3D.pickShape(this, mouseX, mouseY) 
        if picked != None:    
            print 'preso!'      

    Boxes[0].draw()

def mouseClicked():
    clicked = True

Can someone take a look over this?

Thank you,

Marco