Processing Forum

Noise() explanation (in layman's terms)

[1 Reply]
- 21-Aug-2013 02:12 AM
- Forum: Programming Questions
Hi Everyone,

Im looking in to adding noise to get some nice natural variance to my designs but Im struggling a little to grasp it.

I have read the many forum posts and the reference etc, but I still a little unsure on whats actually going on!

heres a simple sketch I have with the noise function in use ,but the results show the radius of my circle getting larger AND smaller which is cool but Im not sure why?!

Hope someone can help;

Regards,

Oli

float centerx = 250;

float centery = 250;

float x1;

float y1;

float x2;

float y2;

float radius = 100;

float angle1 = -PI/2;

float angle2 = 0;

//sets start seed value

float radiusNoise = random(10);

void setup() {

size(500, 500);

smooth();

stroke(1);

background(#DE1F1F);

stroke(255);

radiusNoise = random(10);

}

void draw() {

//increments each time round

radiusNoise += 0.005;

//THIS LINE I DONT FULLY GET?

radius = (noise(radiusNoise) * 550) +1;

x1 = centerx + (radius * cos(radians(angle1)));

y1 = centery + (radius * sin(radians(angle1)));

float angle2 = angle1 - 180;

x2 = centerx + (radius * cos(radians(angle2)));

y2 = centery + (radius * sin(radians(angle2)));

line(x1, y1, x2, y2);

angle1++;

}

Getting Average Pixel Color Value from a PImage that is constantly changing.

[4 Replies]
- 16-Jul-2013 02:25 AM
- Forum: Contributed Library Questions
Hi Everyone,

I have a sketch that focuses a of a small section of what someone is wearing.

I have loaded this into a PImage and have successfully displayed it in the corner of my sketch, now I want to take the data from the PImage and get a running average of the color data.

I could do with a little help!

Regards,

Oli

import hypermedia.video.*;

import java.awt.Rectangle;

OpenCV opencv;

// contrast/brightness values

int contrast_value = 0;

int brightness_value = 0;

int adv = 0;

PImage c;

int average;

int total = 0;

void setup() {

size( 320, 240 );

opencv = new OpenCV( this );

opencv.capture( width, height ); // open video stream

opencv.cascade( OpenCV.CASCADE_FRONTALFACE_ALT ); // load detection description, here-> front face detection : "haarcascade_frontalface_alt.xml"

}

public void stop() {

opencv.stop();

super.stop();

}

void draw() {

// grab a new frame

opencv.read();

opencv.contrast( contrast_value );

opencv.brightness( brightness_value );

// proceed detection

Rectangle[] faces = opencv.detect( 1.2, 2, OpenCV.HAAR_DO_CANNY_PRUNING, 40, 40 );

// display the image

image( opencv.image(), 0, 0 );

// draw face area(s)

noFill();

stroke(255, 0, 0);

for ( int i=0; i<faces.length; i++ ) {

c = get(faces[i].x, faces[i].y+100, faces[i].width-20, faces[i].height-20 );

image(c, 0, 0);

}

}

}

trouble with get()

[4 Replies]
- 11-Jul-2013 06:25 AM
- Forum: Contributed Library Questions
Hi Everyone,

I have adjusted a face detection sketch so it should focus in on the chest area.

what i want to do is then take the pixels that the rectangle occupy, get an average colour and fill the rectangle in the top left with the colour.

simple right?!

i thought I could use get() but it return a 'cannot convert PImage to int?

Hopefully someone can help :)

Regards,

Oli

import hypermedia.video.*;

import java.awt.Rectangle;

OpenCV opencv;

// contrast/brightness values

int contrast_value = 0;

int brightness_value = 0;

int adv = 0;

PImage c;

void setup() {

size( 320, 240 );

opencv = new OpenCV( this );

opencv.capture( width, height ); // open video stream

opencv.cascade( OpenCV.CASCADE_FRONTALFACE_ALT ); // load detection description, here-> front face detection : "haarcascade_frontalface_alt.xml"

}

public void stop() {

opencv.stop();

super.stop();

}

void draw() {

// grab a new frame

opencv.read();

opencv.contrast( contrast_value );

opencv.brightness( brightness_value );

// proceed detection

Rectangle[] faces = opencv.detect( 1.2, 2, OpenCV.HAAR_DO_CANNY_PRUNING, 40, 40 );

// display the image

image( opencv.image(), 0, 0 );

// draw face area(s)

noFill();

stroke(255, 0, 0);

for ( int i=0; i<faces.length; i++ ) {

int [] c = get( faces[i].x, faces[i].y+100, faces[i].width, faces[i].height );

rect( faces[i].x, faces[i].y+100, faces[i].width, faces[i].height );

}

rect(0, 0, 50, 50);

}

How to get a more natural movement?

[3 Replies]
- 09-Jul-2013 02:19 AM
- Forum: Programming Questions
Hi everyone,

I am building a project that (eventually) the user will be able to bat away balloons(it working by doing a hit test with the mouse atm),its not thrilling i know but I figured it would be a good exercise to help me work towards something a bit more interesting!

I have the ballon class working nicely, the balloons reappear once off the screen etc and the hit test works well, but when they are hit i want them to behave more like a real ballon.

I guess i need some kind of easing but not to sure how to implement it correctly.

I tried adding a targetX/Y variable and a bit of randomisation but i think due to where i placed the variable it kept looping round and changing the targetX making the movement really jittery!

Here my code I hope someone can help!!!

Regards,

Oli

PImage smile;

PImage ballon;

int numBalls = 10;

Ball [] balls = new Ball [numBalls];

void setup() {

size(500, 500);

smooth();

smile = loadImage("smile.jpg");

ballon = loadImage("teal.png");

for ( int i = 0; i < 10; i++) {

balls[i] = new Ball(random(width)+10, random(height)+10, int(random(30)+10));

}

}

void draw() {

image(smile, 0, 0);

//creates 10 different methods

for (int i = 0; i < 10; i++) {

balls[i].display();

balls[i].hit();

balls[i].move();

}

}

class Ball {

float x;

float y;

float d = dist(mouseX, mouseY, x, y);

int diameter;

Ball(float tempX, float tempY, int tempDiameter) {

x =tempX;

y = tempY;

diameter = tempDiameter;

}

//draws the ballon

void display() {

image(ballon, x, y);

}

//controls movement

void move() {

y+=2+random(0, 3); // drop speed

if (y > height + ballon.height) { // if drops off screen send to

y = 0 - ballon.height; // top - height.

x = random(width);

}

}

// check to see if the mouse is inside the image

void hit() {

if (dist(x, y, mouseX, mouseY) < ballon.height || dist(x, y, mouseX, mouseY) < ballon.width) {

float targetX = x;

float targetY = y;

float easing = 0.01;

x += (targetX - x) * easing;

y += (targetY - y) * easing;

x +=random(50)-25;

y +=random(25);

}

}

}

getting Images into processing from twitter (or any other way)

[6 Replies]
- 06-Jul-2013 06:37 AM
- Forum: General Discussion
Hi Everyone,

My idea is to have a projector running and people can tweet or send images via some way and they get displayed on the screen.

Sounds simple enough?

Any ideas on how to approach this?

Regards,

Oli

If white pixel falls within ellipse bounds cause a hit.

[0 Replies]
- 10-Jun-2013 08:00 AM
- Forum: Contributed Library Questions
Hi Everyone,

I am trying to perform a hit test using white pixels but not too sure how to do it;

I have some code i modified to suit my needs that gives me black and white pixels for different depths (using a kinect)

So my question is;

if i have an ellipse in the image and a white pixel occupy the same space how can i make something happen to the ellipse (maybe change colour);

I thought get(); might do it but doesn't seem to work?

If somebody could point me in the right direction Id appreciate it!

Regards,

Oli

Heres the code for the black and white depth image;

import hypermedia.video.*;

import java.awt.Rectangle;

import java.awt.Point;

import SimpleOpenNI.*;

PImage display;

SimpleOpenNI context;

OpenCV opencv;

PFont font;

void setup() {

context = new SimpleOpenNI(this);

// mirror is by default enabled

context.setMirror(true);

// enable depthMap generation

if (context.enableDepth() == false)

{

println("Can't open the depthMap, maybe the camera is not connected!");

exit();

return;

}

size(640, 480);

opencv = new OpenCV( this );

opencv.capture(640, 480);

font = loadFont( "AndaleMono.vlw" );

textFont( font );

println( "Drag mouse inside sketch window to change threshold" );

println( "Press space bar to record background image" );

}

void draw() {

//get the information from the kinext

context.update();

//convert to img (to avoid nullpointerexception)

display = context.depthImage();

display.loadPixels();

//loop to select a depthzone

for (int x = 0; x < context.depthWidth(); x++) {

for (int y = 0; y < context.depthHeight(); y++) {

// mirroring image

int offset =context.depthWidth()-x-1+y*context.depthWidth();

int[] depthValues = context.depthMap();

int rawDepth = depthValues[offset];

int pix = x + y *context.depthWidth();

//only get the pixel corresponding to a certain depth

int depthmin=300;

int depthmax=1500;

if (rawDepth <depthmax && rawDepth > depthmin) {

// A red color instead

display.pixels[pix] = color(255);

} else {

display.pixels[pix] = color(0);

}

}

}

display.updatePixels();

background(0);

//resize and copy to opencv object

opencv.copy(display, 0, 0, context.depthWidth(), context.depthHeight(), 0, 0, 640, 480);

image( opencv.image(OpenCV.GRAY), 0, 0 );

}

Best way to load 100 of the same image (and effect each independently!)

[5 Replies]
- 10-Jun-2013 03:49 AM
- Forum: Programming Questions
Hi Everyone,

I want to create an interactive projection with objects that move or disappear when triggered by motion;

I come from a max/msp background and still learning processing so I'm struggling a little,

What I need to know is the best way to approach this;

I need to load 100 images,

each image must be able to be effected independently of the other, (e.g if mouse over the object shrinks, grows, disappears etc but the other remain unchanged)

But obviously writing code to load 100 individual PImages etc is the wrong way to go about it!

Im thinking i need to write a class and use an array but I am struggling to get my head round how to do it.

If someone could post a little code or point me to a tutorial Id really appreciate it!!

Regards,

Oli

Heres my class but it need extending to fit my needs described above;

int numBalls = 6;

Ball [] balls = new Ball[numBalls];

void setup() {

size(500, 500);

smooth();

ellipseMode(RADIUS);

for (int i = 0; i < balls.length; i++) {

float x = random(width);

float y = random(height);

int diameter = int(random(100));

balls[i] = new Ball(x, y, diameter);

}

}

void draw() {

for (int i = 0; i <balls.length; i++) {

balls[i].display();

balls[i].hit();

}

}

class Ball {

float x;

float y;

float d = dist(mouseX, mouseY, x, y);

int diameter;

Ball(float tempX, float tempY, int tempDiameter) {

x =tempX;

y = tempY;

diameter = tempDiameter;

}

void display() {

ellipse(x, y, diameter, diameter);

}

void hit() {

if (mousePressed) {

diameter++;

}

}

}

Kinect Depth Threshold

[3 Replies]
- 06-Jun-2013 07:12 AM
- Forum: Contributed Library Questions
Hi Everyone,

Im trying to use the Kinect Depth Image to create a distance threshold, so all pixels within say 5ft are white ,any beyond that are black.

I am fairly new to processing but i think i need to use an array and a for loop but Im struggling a bit to make it work.

Could anyone possible post me an example for me too look over and learn from?

Regards,

Oli.

get() returns non RGB value?

[2 Replies]
- 28-May-2013 02:40 PM
- Forum: General Discussion
Hey everyone,

I am trying to get pixel data from my mouse location and then if the pixel value matches my if statement it will trigger an event (in this case makes the ellipse red, woo hop!) this works BUT i was expecting a RGB value of either 0 (for the black areas) or 255 (for the white), instead i get -16777216 for black and -1 for white?

It is probably straight forward oversight on my part but whats confusing is according to the reference ' only RGB values are returned by this function.'

I hope someone would kindly shed some light on this for me.

Regards,

Oli

Is it possible to create a fog alpha reveal effect?

[2 Replies]
- 28-May-2013 01:51 PM
- Forum: General Discussion
Hi everyone,

Im trying to recreate this kind of effect and was hoping that someone could point me in the right direction as its got me a little stumped.

http://www.youtube.com/watch?v=Cc1Pnp0Njsg

Im have been able to get a 'alpha reveal effect using a specific shape such as an ellipse but not sure how to create the foggy effect.

Any help is greatly appreciated.

Kind regards,

Oli.

Rotating Multiple Images A Random Amount

[4 Replies]
- 14-May-2013 02:08 AM
- Forum: Programming Questions
Hi everyone, this is my first post so please be kind!

What I am doing is placing images at random in the sketch, this works fine but I would also like to rotate them a random amount of degrees.

I have managed to make an individual image rotate but cannot seem to get my random images to do it.

What happens is most of the images disappear of the screen, I thinks its to do with me translating it incorrectly but I just can't figure it out!

If someone would be so kind as to amend my code and add a few comments so I can see how its done I would really appreciate it!

Kind Regards,

Oli

PImage shoe1 ;

float scatterX = random(30, 670);

float scatterY = random(30, 345);

int spin = int(random(360));

int counter = 0;

int angle = int(random(360));

void setup()

{

size(700, 375);

imageMode(CENTER);

shoe1=loadImage("shoe1.png"); // load image

}

void draw()

{

while (counter < 10) {

shoe1.resize(0, 60); //shrink image size



//uncomment below and most the images dissapear



/* translate(scatterX,scatterY);

rotate(radians(angle)); //rotate image random amount of degrees

*/



image(shoe1, scatterX, scatterY); // put image at random location

counter +=1; // add to count

scatterX = random(30, 670); //get new X position

scatterY = random(30, 345); // get new Y position

print(counter); // check counter works

}

}

Activity Trend