Loading...
Logo
Processing Forum
Contributed Library Questions
potter3366
potter3366

Opening Window Shutters Simulation

in Contributed Library Questions  •  8 months ago  

Can someone help me to apply texture to shutter...


Copy code
  1. import processing.opengl.*;
  2. import codeanticode.glgraphics.*;
  3. import de.looksgood.ani.*;

  5. GLModel texquad;
  6. GLTexture tex;
  7. int numPoints = 4;
  8. float diameter = 1000.0;
  9. float Xwindow = 500.0;
  10. float Ywindow = 300.0;
  11. float yyG = -1 * (sqrt(diameter*diameter/4 - Xwindow*Xwindow/4)) - Ywindow/2;
  12. float yyD = sqrt(diameter*diameter/4 - Xwindow*Xwindow/4) - Ywindow/2;
  13. PVector oS1 = new PVector(0, -Ywindow/2);
  14. PVector oE1 = new PVector(-Xwindow/2, yyG + diameter/2);
  15. PVector oP1 = new PVector(-Xwindow/2, yyG);
  16. PVector oR1 = new PVector();
  17. PVector oS2 = new PVector(0, Ywindow/2);
  18. PVector oE2 = new PVector(-Xwindow/2, -yyG - diameter/2);
  19. PVector oP2 = new PVector(-Xwindow/2, -yyG);
  20. PVector oR2 = new PVector();
  21. float theta1 = 0.0;
  22. float theta2 = 0.0;
  23. float angle;

  25. void setup() {
  26.  
  27.  size(1280, 720, GLConstants.GLGRAPHICS); 
  28.  
  29.   //Ani.init(this);
  30.  
  31.   angle = asin(Xwindow/diameter);
  32.  
  33.   // The model is dynamic, which means that its coordinates can be
  34.   // updating during the drawing loop.
  35.   texquad = new GLModel(this, numPoints, QUADS, GLModel.DYNAMIC);
  36.    
  37.   // Updating the vertices to their initial positions.
  38.   texquad.beginUpdateVertices();
  39.   texquad.updateVertex(0, -100, -100, 0);
  40.   texquad.updateVertex(1, 100, -100, 0);
  41.   texquad.updateVertex(2, 100, 100, 0);
  42.   texquad.updateVertex(3, -100, 100, 0);   
  43.   texquad.endUpdateVertices();
  44.   // Enabling the use of texturing...
  45.   texquad.initTextures(1);
  46.   // ... and loading and setting texture for this model.
  47.   //tex = new GLTexture(this, "milan.jpg");   
  48.   texquad.setTexture(0, tex);
  49.   
  50.   // Setting the texture coordinates.
  51.   texquad.beginUpdateTexCoords(0);
  52.   texquad.updateTexCoord(0, 0, 0);
  53.   texquad.updateTexCoord(1, 1, 0);   
  54.   texquad.updateTexCoord(2, 1, 1);
  55.   texquad.updateTexCoord(3, 0, 1);
  56.   texquad.endUpdateTexCoords();
  57.  
  58. }

  60. void draw() {

  62.   noStroke();

  64.   //GLGraphics renderer = (GLGraphics)g;
  65.   //renderer.beginGL(); 
  66.  
  67.   background(100);
  68.  
  69.   translate(width/2, height/2);    
  70.   //rotateY(frameCount * 0.01);  
  71.  
  72.   // LEFT
  73.   fill(255, 200, 200, 30);
  74.   ellipse(-Xwindow/2, yyG, diameter, diameter);
  75.   ellipse(-Xwindow/2, -yyG, diameter, diameter);
  76.  
  77.   // RIGHT
  78.   fill(200, 255, 200, 30);
  79.   ellipse(Xwindow/2, yyG, diameter, diameter);
  80.   ellipse(Xwindow/2, -yyG, diameter, diameter);
  81.  
  82.   // WINDOW
  83.   fill(255, 0, 0, 150);
  84.   rect(-Xwindow/2, -Ywindow/2, Xwindow, Ywindow);
  85.  
  86.   //float theta = radians(frameCount/10);
  87.   theta1 += 0.2;
  88.   theta2 -= 0.2;
  89.  
  90.   //Ani.to(this, 2.0, "theta1", -degrees(angle), Ani.QUAD_IN);
  91.   //Ani.to(this, 2.0, "theta2", -degrees(angle), Ani.QUAD_IN);
  92.  
  93.   if (theta1 >= degrees(angle)) theta1 = 0.0;
  94.   if (theta2 <= -degrees(angle)) theta2 = 0.0;
  95.  
  96.   float cosTheta1 = cos(radians(theta1));
  97.   float sinTheta1 = sin(radians(theta1));
  98.   float cosTheta2 = cos(radians(theta2));
  99.   float sinTheta2 = sin(radians(theta2));
  100.   oR1.x = oP1.x + (oS1.x - oP1.x)*cosTheta1 - (oS1.y - oP1.y)*sinTheta1;
  101.   oR1.y = oP1.y + (oS1.x - oP1.x)*sinTheta1 + (oS1.y - oP1.y)*cosTheta1;
  102.  
  103.   oR2.x = oP2.x + (oS2.x - oP2.x)*cosTheta2 - (oS2.y - oP2.y)*sinTheta2;
  104.   oR2.y = oP2.y + (oS2.x - oP2.x)*sinTheta2 + (oS2.y - oP2.y)*cosTheta2;
  105.  
  106.   strokeWeight(2);
  107.   stroke(0, 0, 255, 75);
  108.   line(oP1.x, oP1.y, oR1.x, oR1.y);
  109.   line(oP2.x, oP2.y, oR2.x, oR2.y);
  110.  
  111.   noStroke();
  112.   fill(0, 255, 0);
  113.   ellipse(oR1.x, oR1.y, 10, 10);
  114.   ellipse(oR2.x, oR2.y, 10, 10);
  115.  
  116.   beginShape();
  117.   fill(255, 255, 0);
  118.   vertex(-Xwindow/2, -Ywindow/2);
  119.   vertex(oR1.x, oR1.y);
  120.   vertex(oR2.x, oR2.y);
  121.   vertex(-Xwindow/2, Ywindow/2);
  122.   endShape();
  123.  
  124.   /*
  125.   texquad.beginUpdateVertices();
  126.     texquad.displaceVertex(0, -Xwindow/2, Ywindow/2);
  127.     texquad.displaceVertex(1, oR2.x, oR2.y);
  128.     texquad.displaceVertex(2, oR1.x, oR1.y);
  129.     texquad.displaceVertex(3, -Xwindow/2, -Ywindow/2);
  130.   texquad.endUpdateVertices();
  131.   */
  132.  
  133.   //renderer.model(texquad);
  134.   //renderer.endGL();
  135.  
  136. }

Replies(4)

potter3366
potter3366

Re: Opening Window Shutters Simulation

8 months ago

Here's one solution ( I can't clear the screen with " image(back,0,0); " - only with " background (0); " ??? )


Copy code
  1. import processing.opengl.*;
  2. float counter1 = 0.0;
  3. float counter2 = 180.0;
  4. PImage img, back;

  6. void setup()
  7. {
  8.   size(1280, 720, OPENGL);
  9.   back=loadImage("background.jpg");
  10.  
  11.   img = createImage(640, 720, RGB);
  12.   img.loadPixels();
  13.   for (int i = 0; i < img.pixels.length; i++) {
  14.     img.pixels[i] = color(0, 90, 102);
  15.   }
  16.   img.updatePixels();
  17. }

  19. void draw()
  20. {
  21.   background(0);
  22.   //image(back,0,0);
  23.   counter1++;
  24.   counter2--;
  25.  
  26.   pushMatrix();
  27.   //scale(map(counter1, 0.0, 180.0, 1.0, 0.7), 1);
  28.   rotateY(radians(counter1));
  29.   image(img, 0, 0);
  30.   popMatrix();
  31.  
  32.   pushMatrix();
  33.   translate(1280, 0);
  34.   //scale(map(counter2, 180.0, 0.0, 1.0, 0.7), 1);
  35.   rotateY(radians(counter2));
  36.   image(img, 0, 0);
  37.   popMatrix();
  38.  
  39.   if(counter1 == 180.0) counter1 = 0.0;
  40.   if(counter2 == 0.0) counter2 = 180.0;
  41. }
Chrisir
Chrisir

Re: Opening Window Shutters Simulation

8 months ago



I can't clear the screen with " image(back,0,0); " - only with " background (0); " ???


the image back must have the same size as your screen
then try
Copy code
  1. background (back);









potter3366
potter3366

Re: Opening Window Shutters Simulation

8 months ago

YESS!

Anyway, the first solution looks more natural.
Two vertices are moving from point A to point B on arc of the circle with greater diameter.
But this polygon needs a texture..


potter3366
potter3366

Re: Opening Window Shutters Simulation

7 months ago

...used at the end of movie

Falling in love in Santorini


Top Reply

Statistics

  • 4 Replies
  • 556  Views
  • 1 Followers

Tags

No tags available for this topic.

Actions

Related Posts