Processing Forum

Screen name:
bhibhi

bhibhi's Profile

3 Posts

4 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Applying Multiply or soft light or overlay to Pimages in a for loop

[1 Reply]
- 23-May-2012 11:30 PM
- Forum: Programming Questions
Hi,

My artwork at present is a set of images of varying transparencies (tints) that get called out at random, overlap eachother and fill up the whole screen. Even though there is a tint applied to the images the overall work is somewhat 'flat' I wanted to have areas of varying light and dark. I was hoping to apply a multiply, soft light or overlay to random images to achieve that depth. I am getting stuck with the syntax;

as the images are called out in a random recursion, I don't know what to enter for any of their x and y co-ordinates or destination ones.

blend(x, y, width, height, dx, dy, dwidth, dheight, MODE),

below in red is what I attempted, but it says the method I entered is not applicable.

Any suggestions would be greatly appreciated.

Thank you!!

int radius = 50;

PImage img;

PImage img2;

String[] imageNames = { "puddle purple 2.png", "puddle green.png", "puddle-purple.png", "puddle blue grey.png", "puddle blue.png", "puddle grey.png" };

PImage[] images = new PImage[imageNames.length];

float x = random(1500);

float y = random(1100);

void setup () {

size(1500, 1100);

img = loadImage("puddle-purple.png");

img2 = loadImage("puddle purple 2.png");

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

String imageName = imageNames[i];

images[i] = loadImage(imageName);

}

}

void draw () {

background(255);

randomSeed(14);

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

blend(x, y, width, height, random(1500), random(1000), width/2, height/2, MULTIPLY);

for (int deg = 0; deg < 360; deg += 12) {

float angle = radians(deg);

float x = 200 + (sin(angle) * radius);

float y = 200 - (sin(angle) * radius);

blob(img, img2,random(1500), random(1000),img.width, img.height);}

noLoop();

}

}

void blob(PImage i, PImage j, float x, float y, float w, float h ) {

int ran = int(random(images.length));

println(ran);







tint(255,230+random(20),230+random(20),50+random(50));



image(images[ran],x,y,w,h);

if (w > 50) {

pushMatrix();

blob(i, j, x+50 ,y+ 50, w/2, h/1.8);



translate(x, y);

rotate(random(PI/4));

translate(random(0,1500), random(0,1100));

popMatrix();

blob(i, j,x-100, y-100, w/1.8, h/2);

}

}

Creating a recursion of multiple images

[1 Reply]
- 07-May-2012 09:38 PM
- Forum: Programming Questions
Hi,

I'm created patterns with scanned images, I've created an equation to put in one image.
I would like to load two images into the one equation for them to alternate between in the 'if' option,
below is what I've tried and its not working, can someone please tell me where I've gone wrong.
Thank you, I appreciate all the help xx

Here's the singular code with just loading one image- which works perfectly,

PImage img;

void setup () {
size(1240, 1574);
img = loadImage("puddle-purple.png");

}

void draw () {
background(255);
image(img, 100, 100);
blob(img,600,600,img.width);

}

void blob(PImage i, float x, float y, float w) {

   image(i,x,y,w,w);
if (w      >      2) {


    blob(i, x + w/1.2, y + w/01.2, w/2);
    blob(i, x - w/1.2, y - w/1.2, w/2);
}
}

Here's the code where I've tried to integrate two different images into the one equation. This one doesn't seem to work...

PImage img;
PImage img2;

void setup () {
size(1240, 1574);
img = loadImage("puddle-purple.png");
img2 = loadImage("puddle purple 2.png");
}

void draw () {
background(255);
image(img, 100, 100);
image(img2, 100,100);
blob(img, img2,600,600,img.width,img2.width);

}

void blob(PImage i, PImage j, float x, float y, float w, float h) {
//image(whatImage,x,y,w,h);
   image(i,j,x,y,w,h);
if (w      >      2) {

    //each time we call blob divide the images w by 2
    //so each new image will draw at half the size of the previous
    blob(i, j, x + w/1.2, y + w/01.2, w/2);
    blob(i, j, x - w/1.2, y - w/1.2, w/2);
}
}

Loading PImage into an array

[8 Replies]
- 05-May-2012 01:25 AM
- Forum: Programming Questions
Hi Everyone,

I'm really new to processing and need some help.

I have a set of 6 pngs that I want to load into an array and call them out at random using a for loop.

I'm really stuck in the basic code notation.

I've combed a lot of tutorials, forum questions etc and can't find anywhere the basic sequence to write the code, or I may have seen it but not understood how to apply it to my work.

Can someone let me know if I need to define a class or string when loading images into an array? I've seen other people do it in similar forum questions but I'm not sure if I need to.

I've also read that you should name your files for an array as 0001.png, 0002.png, 0003.png etc

can someone tell me why this is please and if I should do it.

Here is what i started with, can someone please help me fix up the code and explain the logic of each step.

I really appreciate all the help.

Thank you :)

int numPuddles = 6; //number of images

PImage[] images = new PImage[numPuddles]; //? just copied someone else's on a forum don't really get this line

void setup () {

size(1200, 1000);

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

String imageName = "puddle-purple.png";

images[i] = loadImage(imageName);

}

}

void draw(){

background(255);

images[i] = random(1,6);

}

«Prev
Next »