Processing Forum

Floor / wall bounce with mouseclicked objects

[7 Replies]
- 07-Sep-2013 07:07 AM
- Forum: Programming Questions
Creating a simple interactive program for a class. I'm trying to figure out how to make the circles when created with the mouseClicked bounce off the walls and floor. I've gotten the circles to shoot out but I need help with creating the borders.

Here is my code thus far:
1. //Circle creation clicker Array//
  //allow the user to place a circle of radius R at a location on the canvas
  //with a mouse click.
  
  float R;
  ArrayList<Circle> circles;
  //int maxNumCircles;
  //int circleCounter;
  
  void setup(){
  size (500,500);
  //maxNumCircles = 10;
  R = 15;
  // circleCounter = 0;
  circles = new ArrayList<Circle>();
  
  }
  void draw() {
  background(255);
  fill(random(255),random(255),random(255));
  noStroke();
  for(int i=0; i<circles.size(); i++) {
      circles.get(i).render();
      circles.get(i).move();
     }
  
  
  }
  void mouseClicked() {
  circles.add(new Circle(mouseX, mouseY,R));
  println("Number of circles; " + circles.size());
  }
  
  //define the circle class
  class Circle {
      //class data variables
      float centerX, centerY;
      float vx, vy, ax, ay;
      float radius;
      //constructor - builds the object when it is declared.
      Circle(float x, float y, float r) {
        centerX = x;
        centerY = y;
        vx = 0;
        vy = -2;
        ax = 0;
        ay = 0.3;
        radius = r;
      }
        //render the circle object
        void render() {
          noStroke();
          for(int i=(int)radius; i>=0; i--){
          fill(0,255,0);
          ellipse(centerX, centerY, 2*i, 2*i);
          fill(255,255,255,25);
          ellipse(centerX,centerY,2*radius,2*radius);
  
        }
  }
  // update position according to Newtonian motion
  void move() {
      centerX += vx; //equivalent to x = x+vx
      centerY += vy;
      vx += ax;
      vy += ay;
  }
  
      }
I've tried looking at some examples, but haven't found a way to implement them into my code. Creating these borders are entirely new to me - so I'm excited to learn.

conditional statements / mouse over activation problem

[2 Replies]
- 09-Aug-2013 08:32 PM
- Forum: Programming Questions
Learning the ropes and taking a Processing course online. In this sketch I'm trying to make the mouse cursor make the rectangle flash when it hovers over it. I'm not quite hitting the mark yet as the rectangle activates when the cursor is not exactly over it. I'm pretty sure the error is in the conditional statement defining the mouse coordinates. I sourced the code from an example provided on the Processing website. I just can't get my head around the logic quite yet.

Here's my code:

_______________________________

int rectx;
int recty;
int rectsX, rectsY;

void setup()
{
size(500,500);
rectx = 250;
recty = 250;
rectsX = 200;
rectsY = 80;
}

void draw() {
background(125);
noStroke();
if (mouseX > rectx-rectsX && mouseX < recty+rectsY &&
      mouseY > rectx-rectsX && mouseY < recty+rectsY) {
   fill(random(255),random(255),random(255));
    }
else {
    fill(255);
}
   rectMode(CENTER);
    rect(rectx,recty,rectsX,rectsY);
}

generated typographic notation referencing pixel data

[6 Replies]
- 05-Jul-2013 03:53 PM
- Forum: General Discussion
Hello there. I’m new to programming in Processing and using JavaScript in general. I’m interested in driving an idea I have through Processing concerning accessing the pixel data from digital images. I've been wanting to manipulate digital images by converting their pixels into seamlessly-generated-connected-typographic-script that would change form to represent the pixel’s brightness/darkness values (or a number of pixels let’s say 20 x 20 and getting an average from that) with a straight line going horizontally across to represent a white pixel; for darker pixels, the program would then tell the line to move while going across a matrix to create darker values. The end-results would look like something similar to an image ran through an img to ASCII generator, however I want the program to generate it’s own idiosyncratic typography to represent the pixels or the groups of pixels its accessing. Lastly the image would be converted into a .stl file as I would like to print them out on my 3d printers. It is critical for the lines to begin and end on the same axis while going across a matrix, this ensures all the lines are connected, and thus making it much easier to physically remove off the build-plate after it’s printed.

Considering the 3d printing portion (and to make physically larger images) I would have to make the program grid out the image into sections before it’s processed. So when an image is ran through the program there would be a group of .stl files to be printed out and then they could put together to make a larger piece. As an alternative maybe the program could output the files/lines with alpha/transparency channels, then I could possibly extrude them in a program like Blender. Similarly I have been doing this process using ASCII, but in a very manual way by creating my own bilateral typefaces and converting them to 3d:

So my first question would be is this possible to do in Processing? I would imagine yes, and there would many ways I could go about doing it.

Secondly, could anyone recommend where could I start - I already did the “Images and Pixels” lesson on the processing website. However there’s still a vast amount I still do not understand considering all the syntax. Honestly I do not have a good foundation in programming, but I believe I think like a programmer.

I know there are still a lot of factors to take into consideration such as the output of the lines: will they be vector, bitmap, or could the program actually make a typeface then convert that into an extruded 3d model? Also, the images would have to be down-sampled as well so the lines generated by the computer can be seen. I would imagine it would be difficult to see the lines if they were referencing every pixel in a 8000 x 8000 pixel grid.

Any advice, recommendations, and direction would be highly appreciated.

Activity Trend