hi, i need to use parts of picture as background
but for my sketch opacity of the image is crucial
seems copy don't react on alpha in tint, is it so?

hi everyone,
how do i setup condition that when after say 10 balls are added to the sketch
ball 11 kills ball 0 and takes its place, ball 12 kills ball 1 and takes it's place and so on
therefore never letting balls to exceed 10 ball limit?

//balls

1. final static ArrayList<Ball> balls = new ArrayList();
2. int counter;
3. void setup() {
4.   size(600, 600);
5.   smooth();
6. }
7. void draw() {
8.   background(0);
9.   counter+=1;
10.   for (Ball b: balls)   b.run();
11.   //create new ball with random location
12.   if (counter%50==0) {
13.     balls.add( new Ball(random(width), random(height)) );
14.   }
15. }
16. //BALL CLASS
17. class Ball {
18.   float x, y;
19.   float speedX=20;
20.   float speedY=5;
21.   Ball(float _x, float _y) {
22.     x=_x;
23.     y=_y;
24.   }
25.   void run() {
26.     display ();
27.     move();
28.     bounce();
29.     gravity();
30.   }
31.   void gravity() {
32.     speedY+=0.2;
33.   }
34.   void bounce() {
35.     if (x>width) {
36.       speedX=speedX*-1;
37.     }
38.     if (x<0) {
39.       speedX=speedX*-1;
40.     }
41.     if (y>height) {
42.       speedY=speedY*-1;
43.     }
44.     if (y<0) {
45.       speedY=speedY*-1;
46.     }
47.   }
48.   void move() {
49.     x=x+speedX;
50.     y=y+speedY;
51.   }
52.   void display() {
53.     ellipse(x, y, 20, 20);
54.   }
55. }

how do i add new ball object with every mouse click?

1. Ball myBall;
2. void setup() {
3.   size(600, 600);
4.   smooth();
5.   myBall=new Ball(random(width), random(height));
6. }
7. void draw() {
8.   background(0);
9.   myBall.run();
10. }
11. //BALL CLASS
12. class Ball {
13.   float x, y;
14.   float speedX=20;
15.   float speedY=5;
16.   Ball(float _x, float _y) {
17.     x=_x;
18.     y=_y;
19.   }
20.   void run() {
21.     display ();
22.     move();
23.     bounce();
24.     gravity();
25.   }
26.   void gravity() {
27.     speedY+=0.2;
28.   }
29.   void bounce() {
30.     if (x>width) {
31.       speedX=speedX*-1;
32.     }
33.     if (x<0) {
34.       speedX=speedX*-1;
35.     }
36.     if (y>height) {
37.       speedY=speedY*-1;
38.     }
39.     if (y<0) {
40.       speedY=speedY*-1;
41.     }
42.   }
43.   void move() {
44.     x=x+speedX;
45.     y=y+speedY;
46.   }
47.   void display() {
48.     ellipse(x, y, 20, 20);
49.   }
50. }

i am using processing 2.0.1 on 64bit win 7
when i enter present mode there is glitchy display:
few portions of screen only is displayed and there is two stop buttons
one above, one below

what could be the problem and how to solve it?

hi, is it possible to loadBytes in real time from the file that's being updated in real time?

how do i program something simple like this?

if some condition is true (say mousePressed)
choose to execute A, B or C

in other words when condition is met one of 3 possibilities is chosen

hi, this code sends x/y values via osc
how do i scale those values, so the values sent for x is between 0,1 not 0, width ?
i know how to use map but cant figure out how to do this in this particular code

1. import oscP5.*;
2. import netP5.*;
3. OscP5 oscP5;
4. NetAddress panel_location;
5. int x0, y0, x1, y1;
6. void setup() {
7.   size(640, 480);
8.   frameRate(60);
9.   background(0);
10.   // start oscP5
11.   oscP5 = new OscP5(this,12009);
12.   panel_location = new NetAddress("127.0.0.1",12000); 
13.  
14.  
15. }
16. void draw() {
17.   background(0);
18.   fill(255, 0, 0);
19.   rect(x0, y0, 50, 50);
20.   fill(0, 255, 0);
21.   rect(x1, y1, 50, 50);
22.  
23.   send_pos(0, x0, y0);
24.   send_pos(1, x1, y1);
25.  
26. }
27. void mouseDragged() {
28.   if (mouseButton == LEFT) {
29.     x0 = mouseX;
30.     y0 = mouseY;
31.     //fill(255, 0, 0);
32.    
33.   } else if (mouseButton == RIGHT) {
34.     //fill(0, 255, 0);
35.     x1 = mouseX;
36.     y1 = mouseY;
37.   }
38. }
39. void mousePressed() {
40.   if (mouseButton == LEFT) {
41.     x0 = mouseX;
42.     y0 = mouseY;
43.     //fill(255, 0, 0);
44.    
45.   } else if (mouseButton == RIGHT) {
46.     //fill(0, 255, 0);
47.     x1 = mouseX;
48.     y1 = mouseY;
49.   }
50. }
51. void send_pos(int id, int x, int y){
52.   OscMessage myMessage = new OscMessage("/location");
53.   myMessage.add(id);
54.   myMessage.add(1);
55.   myMessage.add(x);
56.   myMessage.add(y);
57.   oscP5.send(myMessage, panel_location);
58.   myMessage.clearArguments(); 
59. }

hi, noob-ish situation
i want to check if cursor is within ellipse and mouse pressed, then do something
easy to do for one instance using dist
but i cant figure out how to make it as class and then
choose different sizes of ellipse, locations and colours

right now touching one ellipse affects all ellipses
can anyone help me?

1. test t, u;
2. void setup() {
3.   size(240, 120);
4.   smooth();
5.   ellipseMode(RADIUS);
6.   t= new test(50, 50);
7.   u= new test(200, 100);
8. }
9. void draw() {
10.   background(204);
11.   t.run();
12.   u.run();
13. }
14. class test {
15.   int x, y;
16.   int radius = 12;
17.   float d = dist(mouseX, mouseY, x, y);
18.   test(int _x, int _y) {
19.     x=_x;
20.     y=_y;
21.   }
22.   void run() {
23.     display();
24.     check();
25.   }
26.   void check () {
27.     if (d < radius && mousePressed) {
28.       fill(0);
29.     }
30.     else {
31.       fill(255);
32.     }
33.   }
34.   void display() {
35.     ellipse(x, y, radius, radius);
36.   }
37. }

hi, running sketch in present mode there is stop in the left corner
how to get rid of that?

hi i nicked this code from http://www.openprocessing.org/sketch/8010

but adapting it shows some unexpected behaviour
if lineX1 and lineX2 parameters are the same the collision detection don't work anymore
changing a bit one of the parameters solves the problem

second, i want something to happen just once when collision happens not every frame
using boolean for this again breaks the collision detection

i know this is a mess but if someone can help with this, i would really appreciate it, thank you

1. 
   float movex,a,b,wiggle,wiggle2;
   float rect_diam=20;
   boolean maxormin = false;
   Rect_line test;
   void setup() {
     size(400, 400);
     ellipseMode(RADIUS);
     smooth();
   }
   void draw() {
     background(0);
    
    wiggle=noise(a)*width;
    wiggle2=noise(b,20)*height*0.4;
    
   
   test= new Rect_line(movex+0.1,height*0.4,movex,height*0.6,wiggle,height*0.5,rect_diam,rect_diam);
    test.display();
   
    
    a+=0.01;
    b+=0.03;
   }
    
   class Rect_line {
   
   float lineX1;
   float lineY1;
   float lineX2;
   float lineY2;
    
   float rectX;
   float rectY;
   float rectWidth;
   float rectHeight;
   float thick;
   boolean touching;
   
   Rect_line(float _lineX1,float _lineY1,float _lineX2,float _lineY2,float _rectX,float _rectY,float _rectWidth,float _rectHeight){
     
   lineX1 = _lineX1;
   lineY1 = _lineY1;
   lineX2=_lineX2;
   lineY2=_lineY2;
    
   rectX = _rectX;
   rectY = _rectY;
   rectWidth = _rectWidth;
   rectHeight = _rectHeight;
   
   // breaks the collision detection if activiated
   //touching= lineRectangleIntersect(lineX1, lineY1, lineX2, lineY2, rectX, rectY, rectWidth, rectHeight);
    
   }
    
    
   
   void display(){
   
   
     if (lineRectangleIntersect(lineX1, lineY1, lineX2, lineY2, rectX, rectY, rectWidth, rectHeight) == true &&
     touching != lineRectangleIntersect(lineX1, lineY1, lineX2, lineY2, rectX, rectY, rectWidth, rectHeight))
     {
        touching= lineRectangleIntersect(lineX1, lineY1, lineX2, lineY2, rectX, rectY, rectWidth, rectHeight);
       fill(random(255));
      
       
     }
    
    
    
     else {
       fill(0);
     touching= lineRectangleIntersect(lineX1, lineY1, lineX2, lineY2, rectX, rectY, rectWidth, rectHeight);
      
      
     };
    
   
     stroke(255);
     strokeCap(PROJECT);
     line(lineX1, lineY1, lineX2, lineY2);
     rectMode(CENTER);
     strokeWeight(1);
     rect(rectX, rectY, rectWidth, rectHeight);
     line(0,height/2,width,height/2);
   
    move();
    
   }
    
    
     void move(){
       if (movex <= 0) {
       maxormin = true;
     }
     if (movex >= width) {
       maxormin = false;
     }
     
     if (maxormin == true) { //if you've hit the min, increase your value
       movex +=1;
     }
     if (maxormin == false) { //if you've hit the max, decremet your value
       movex -=1;
     }
      
     }
    
    
    
    
    
    boolean lineRectangleIntersect(float x1, float y1, float x2, float y2,
                                  float rx, float ry, float rw, float rh) {
                                    
     float topIntersection;
     float bottomIntersection;
     float topPoint;
     float bottomPoint;
    
     // Calculate m and c for the equation for the line (y = mx+c)
     float m = (y2-y1) / (x2-x1);
     float c = y1 -(m*x1);
    
     // If the line is going up from right to left then the top intersect point is on the left
     if(m > 0) {
       topIntersection = (m*rx  + c);
       bottomIntersection = (m*(rx+rw)  + c);
     }
     // Otherwise it's on the right
     else {
       topIntersection = (m*(rx+rw)  + c);
       bottomIntersection = (m*rx  + c);
     }
    
     // Work out the top and bottom extents for the triangle
     if(y1 < y2) {
       topPoint = y1;
       bottomPoint = y2;
     } else {
       topPoint = y2;
       bottomPoint = y1;
     }
    
     float topOverlap;
     float botOverlap;
    
     // Calculate the overlap between those two bounds
     topOverlap = topIntersection > topPoint ? topIntersection : topPoint;
     botOverlap = bottomIntersection < bottomPoint ? bottomIntersection : bottomPoint;
    
     return (topOverlap<botOverlap) && (!((botOverlap<ry) || (topOverlap>ry+rh)));
    
   }
    
   }
   
    
   
   

i know you can do this with boolean but i can't see how to do this in this particular code, can somebody, please, take a look?

1. 
   RectIntersect[] r=new RectIntersect[10];
   float m,n;
   void setup() {
     size(400, 400);
     ellipseMode(RADIUS);
     smooth();
     for(int i=0;i<r.length;i++){
   r[i]= new RectIntersect(random(width),i*50,20,20,m,i*50,20,20,random(2,5));
     }
   }
    
   void draw() {
     background(204);
    
     for(int i=0;i<r.length;i++){
   r[i].display();
     }
   }
    
   class RectIntersect {
    
   
   float rX1,rY1,rW1,rH1,rX2,rY2,rW2,rH2,speed;
   
    
    RectIntersect(float _rX1,float _rY1,float _rW1,float _rH1,
    float _rX2,float _rY2,float _rW2,float _rH2,float _speed){
    
   rX1=_rX1;  // x
   rY1=_rY1;  // y
   rW1=_rW1;  // width
   rH1=_rH1;  // height
    
   rX2=_rX2;        // x
   rY2=_rY2;        // y
   rW2=_rW2;       // width
   rH2=_rH2;       // height
   speed=_speed;
    
    }
    
    void display(){
       bounce();
      
      if (rectRectIntersect(rX1, rY1, rX1+rW1, rY1+rH1, rX2, rY2, rX2+rW2, rY2+rH2) == true) {
       fill(random(255),random(255),random(255));
     } else {
       fill(255);
     }
    
     rect(rX1, rY1, rW1, rH1);
     rect(rX2, rY2, rW2, rH2);
    
    
    }
    
     void bounce(){
        rX2 += speed;
       if (rX2<- 0 || rX2> width-rW2)   speed *= -1;
     }
    
   boolean rectRectIntersect(float left, float top, float right, float bottom,
                             float otherLeft, float otherTop, float otherRight, float otherBottom) {
     return !(left > otherRight || right < otherLeft || top > otherBottom || bottom < otherTop);
   } 
   }
   

hi, this change rotation speed after every 8 seconds
but there is jerkiness every time before rotation changes
how to avoid that?
so speed a simply changes to speed b

1. float x,speed=0.02;
   
   void setup() {
     size(640, 360);
     noStroke();
     fill(255);
     rectMode(CENTER);
   }
   
   void draw() {
     background(51);
   
     if (second() % 8 == 0) { 
      speed = random(-0.05, 0.05);
     }
   
     translate(width/2, height/2);
     rotate(x);
     rect(0, 0, 180, 180);
   x+=speed; 
   }
   

hi, here's code for circle line intersection

1. float circleX = 200;

   float circleY = 200;

   float circleRadius = 100;

   float lineX1 = 350;

   float lineY1 = 350;

   float lineX2, lineY2;

   void setup() {

   size(400, 400);

   ellipseMode(RADIUS);

   smooth();

   }

   void draw() {

   background(204);

   lineX2 = mouseX;

   lineY2 = mouseY;

   if (circleLineIntersect(lineX1, lineY1, lineX2, lineY2, circleX, circleY, circleRadius) == true) {

   fill(0);

   }

   else {

   fill(255);

   }

   ellipse(circleX, circleY, circleRadius, circleRadius);

   line(lineX1, lineY1, lineX2, lineY2);

   }

   // Code adapted from Paul Bourke:

   // http://local.wasp.uwa.edu.au/~pbourke/geometry/sphereline/raysphere.c

   boolean circleLineIntersect(float x1, float y1, float x2, float y2, float cx, float cy, float cr ) {

   float dx = x2 - x1;

   float dy = y2 - y1;

   float a = dx * dx + dy * dy;

   float b = 2 * (dx * (x1 - cx) + dy * (y1 - cy));

   float c = cx * cx + cy * cy;

   c += x1 * x1 + y1 * y1;

   c -= 2 * (cx * x1 + cy * y1);

   c -= cr * cr;

   float bb4ac = b * b - 4 * a * c;

   //println(bb4ac);

   if (bb4ac < 0) {  // Not intersecting

   return false;

   }

   else {

   float mu = (-b + sqrt( b*b - 4*a*c )) / (2*a);

   float ix1 = x1 + mu*(dx);

   float iy1 = y1 + mu*(dy);

   mu = (-b - sqrt(b*b - 4*a*c )) / (2*a);

   float ix2 = x1 + mu*(dx);

   float iy2 = y1 + mu*(dy);

   // The intersection points

   //ellipse(ix1, iy1, 10, 10);

   //ellipse(ix2, iy2, 10, 10);

   float testX;

   float testY;

   // Figure out which point is closer to the circle

   if (dist(x1, y1, cx, cy) < dist(x2, y2, cx, cy)) {

   testX = x2;

   testY = y2;

   } else {

   testX = x1;

   testY = y1;

   }

   if (dist(testX, testY, ix1, iy1) < dist(x1, y1, x2, y2) || dist(testX, testY, ix2, iy2) < dist(x1, y1, x2, y2)) {

   return true;

   } else {

   return false;

   }

   }

   }

when line touches the circle
i want to send OSC message
but just once when it happens,
not every frame, while line is touching the circle

like when i put it here
 if (circleLineIntersect(lineX1, lineY1, lineX2, lineY2, circleX, circleY, circleRadius) == true) {
    fill(0);
sendOsc; // sends every frame
  }
  else {
    fill(255);

1. float circleX = 200;
   float circleY = 200;
   float circleRadius = 100;
    
   float lineX1 = 350;
   float lineY1 = 350;
   float lineX2, lineY2;
    
   void setup() {
     size(400, 400);
     ellipseMode(RADIUS);
     smooth();
   }
    
   void draw() {
     background(204);
    
     lineX2 = mouseX;
     lineY2 = mouseY;
    
     if (circleLineIntersect(lineX1, lineY1, lineX2, lineY2, circleX, circleY, circleRadius) == true) {
       fill(0);
     }
     else {
       fill(255);
     }
    
     ellipse(circleX, circleY, circleRadius, circleRadius);
     line(lineX1, lineY1, lineX2, lineY2);
    
   }
    
   // Code adapted from Paul Bourke:
   // http://local.wasp.uwa.edu.au/~pbourke/geometry/sphereline/raysphere.c
   boolean circleLineIntersect(float x1, float y1, float x2, float y2, float cx, float cy, float cr ) {
     float dx = x2 - x1;
     float dy = y2 - y1;
     float a = dx * dx + dy * dy;
     float b = 2 * (dx * (x1 - cx) + dy * (y1 - cy));
     float c = cx * cx + cy * cy;
     c += x1 * x1 + y1 * y1;
     c -= 2 * (cx * x1 + cy * y1);
     c -= cr * cr;
     float bb4ac = b * b - 4 * a * c;
    
     //println(bb4ac);
    
     if (bb4ac < 0) {  // Not intersecting
       return false;
     }
     else {
       
       float mu = (-b + sqrt( b*b - 4*a*c )) / (2*a);
       float ix1 = x1 + mu*(dx);
       float iy1 = y1 + mu*(dy);
       mu = (-b - sqrt(b*b - 4*a*c )) / (2*a);
       float ix2 = x1 + mu*(dx);
       float iy2 = y1 + mu*(dy);
    
       // The intersection points
       //ellipse(ix1, iy1, 10, 10);
       //ellipse(ix2, iy2, 10, 10);
       
       float testX;
       float testY;
       // Figure out which point is closer to the circle
       if (dist(x1, y1, cx, cy) < dist(x2, y2, cx, cy)) {
         testX = x2;
         testY = y2;
       } else {
         testX = x1;
         testY = y1;
       }
       
       if (dist(testX, testY, ix1, iy1) < dist(x1, y1, x2, y2) || dist(testX, testY, ix2, iy2) < dist(x1, y1, x2, y2)) {
         return true;
       } else {
         return false;
       }
     }
   }
   

hi, i want to make program that every time line touches circle fill colour changes
can someone please help?

1. 
   float x1;
   float n=0;
   int rdius=50;
   
   void setup(){
    size(1024,768);
   smooth();
   
   }
   
   
   void draw(){
    background(0);
   //rectMode(CORNER);
   noFill();
   
     translate(width*0.5,height*0.5);
     rotate(n);
     stroke(255);
     rect(0,0,1,500);
   
     resetMatrix();
   
   fill(255,0,0); // when touched change fill?
   
   ellipse(width*0.8,height*0.2,rdius,rdius);
   ellipse(width*0.2,height*0.2,rdius,rdius);
   ellipse(width*0.8,height*0.8,rdius,rdius);
   ellipse(width*0.2,height*0.8,rdius,rdius);
   
   n+=0.05;
   }
   

hi, i am sound artist working with supercollider
i have done simple things sending osc to processing

recently i have opportunity to work with multiple screens
but i have no knowledge working in this kind of scenario

the idea is to spread sound around 4 speakers and visuals on 4 screens
how to spread my sketches across multiple screens
the same way i pan my audio?

also technical side:
i need multi-output video card of course
what else to consider?

i will appreciate any tips,info about this
thank you in advance
best wishes, k.

hi, like this with rectangle in the background and right opacity settings i can blur together
last frame with the next one...
the problem is i need only one zone of the sketch to do that
and i need background function to be active for another things

how to combine the two? when i turn on background function the trace fx of course dont work anymore

1. void setup(){
     size(500,500);
    
   }
   
   
   void draw(){
   
   //background(255);
   
   fill(255,255,255,20);
   noStroke();
   rect(0,0,width,height);
   fill(0);
   ellipse(mouseX, mouseY,50,50);
    
    
   }
   

hi!now every time circles intersect background color is changed
i wonder how to make the same happen but after n times circles touch
say when circles has intersected 3 times, change background colour
any ideas?
best, k

1. float diam = 100;
   boolean currentlyTouching;
   color bgColor = color(255);
    
   void setup() {
     size(500, 400);
     strokeWeight(5);
     noFill();
     smooth();
   }
    
   void draw() {
     background(bgColor);
    
     float x = width/2;
     float y = height/2;
    
     float d = dist(x, y, mouseX, mouseY);
    
     if (d < diam) {
       if (currentlyTouching == false) {
         bgColor = color(random(255), random(255), random(255));
       }
       currentlyTouching = true;
     } else {
       currentlyTouching = false;
     }
    
     stroke(255, 255, 0);
     ellipse(x, y, diam, diam);
    
     stroke(0, 255, 0);
     ellipse(mouseX, mouseY, diam, diam);
   }
   

hi, i need to rotate png picture of vinyl
when put in setup it is displayed without errors
but since i need to rotate it, it is in draw
and then edges looks pixelated, jagged
the same fx when you draw circles and smooth() is not on

is there anything i can do?

hello, i got few image sequences, each about 53 frames long
i need to loop them and switch from one to another after some
conditions are met

here's what i do
using example by
http://www.shiffman.net/2011/12/26/night-6-image-sequence-object-with-variable-speed/

i create  An array of "Animation" objects
Animation[] animations = new Animation[5];

then in setup i load image sequences one by one

  PImage[] seq = new PImage[40];
  for (int i = 0; i < seq.length; i++) {
    seq[i] = loadImage("picture"+nf(i+1,2)+".png");
  }
 
  PImage[] seq1 = new PImage[53];
  for (int i = 0; i < seq1.length; i++) {
    seq1[i] = loadImage("picture"+nf(i+1,2)+".png");
  }
 
(and other sequences...)

then

animations[0] = new Animation(seq,0,0);
animations[1] = new Animation(seq1,0,0);


then in draw loop
 i loop sequences
i make variable
int switch=0;
to change sequences

animations[switch].animate();

then when i need to switch between sequence loops
i change value of the switch

is this the correct way to do it?
i run into out of memory error after a while...
maybe there is more clever and economic approaches?

hi,
how to put rect to start from the center?
and how to set left and right bounds?
best, k

1. float offset = 0;
   float easing = 0.05;
   void setup(){
     size(400,400);
    
   }
   
   
   void draw(){
     background(255);
   
    
     float dx = (mouseX-20) - offset;
     offset += dx * easing;
     fill(0);
     rect(offset,height/2,20,20);
    
   }
   

hi, now while circles touch, background is randomly changed with every frame
but instead i want it to choose just one random colour every time circles touch
how?

1. float diam = 100;
   
   void setup() {
     size(500, 400);
     background(0);
     noFill();
   }
   void draw() {
     background(0);
    
     float x = width/2;
     float y = height/2;
   
     float d = dist(x, y, mouseX, mouseY);
    
     if(d > diam) {
       background(255);
     } else {
       background(random(255));
     }
    
     stroke(255, 255, 0);
     ellipse(x, y, diam, diam);
    
     stroke(0, 255, 0);
     ellipse(mouseX, mouseY, diam, diam);
   
   }
   
   
   

here i have loop of 12 images, 0..12, 0..12
how do you change that it move forward then backwards?
i want to scrub through sequence with noise function

1. int numFrames = 12;  // The number of frames in the animation
   int frame = 0;
   PImage[] images = new PImage[numFrames];
      
   void setup() {
     size(640, 360);
     frameRate(24);
    
     for (int i = 0; i < numFrames; i++) {
     String imageName = "PT_anim" + nf(i, 4) + ".gif";
     images[i] = loadImage(imageName);
     }
   }
    
   void draw() {
     background(0);
     frame = (frame+1) % numFrames;  // Use % to cycle through frames
     int offset = 0;
     imageMode(CENTER);
    image(images[(frame+offset) % numFrames], width/2, height/2);
       offset+=1;
   }
   

float a;
void draw(){
a+=0.03;
float x= noise(a, 10)*width/2;
println(x);
}

hello
i want to map x to another range
but what is the min and max values for x now?
how to tell?
float z=map(x,?,?,0,2000);

best, k

hi, here i map j range to s range
but  i need s values to pass/slide from a point to b thru all the in-between values also
not jump randomly from a point to another like j does

what's the solution?

void draw(){
float j=random(-0.2, 0.1);
float s=map(j,-0.2,0.1,-10,10);
println(s);
}