 |
Author |
Topic: newby needs help with pictures integration (Read 701 times) |
|
amnesie
|
newby needs help with pictures integration
« on: Dec 9th, 2004, 10:19pm » |
|
hi everybody
i'm a beginner with processing software and a few minutes using examples convinced me to use this software.
i know that it will be better for me to take time using the software to get used with it, but i've got a live show next week and wanted to use it. (i use jitter but for what i've got in mind processing looks more efficient).
i'd like to had to a patch the possibility to randomly see images from my hardrive coming in fade in and fading away within 10 seconds, i'd like this images to be displayed randomly in the screen.
in fact i need to know how to do automated fades in/out and randomly display images at random position.
thanks a lot if you could help.
(sorry if my english is not clear)
|
|
|
|
|
amnesie
|
Re: newby needs help with pictures integration
« Reply #1 on: Dec 10th, 2004, 1:02pm » |
|
in fact, i will work with videos containing their own fades in/out
i'd like them to be displayed randomly on the screen and it works, but i haven't find how to load multiple videos and to select them randomly. the aim is that when i press a key, it reads a video randomly at random positions...
here's what i've done :
BVideo vid;
float u = random(200);
float v = random(200);
void setup()
{
size(200, 200);
background(0);
// Load and play the video in a loop
vid = loadVideo("street.mov");
repeat(vid);
}
void loop() {
if(keyPressed) {
if (key == DOWN) {
play(vid);
{
fill(250, 200);
image(vid, u, v);
}
}
}
}
|
|
|
|
|
st33d
 
|
Re: newby needs help with pictures integration
« Reply #2 on: Dec 10th, 2004, 1:07pm » |
|
I like Processing for the fact I can make pictures with maths. Which is what it's great at doing because you don't get any of that mushy data type business. But I don't think fading images are that straight forward in Processing. I don't even think that Processing is even suitable as a slide show platform. Flash would probably be much easier to achieve this on. If you take a look at the reference section and see these two links you'll begin to get what I mean.
http://processing.org/reference/alpha_.html
http://processing.org/reference/blend_.html
Whereas in Flash you could set up an array with your pictures in and have them load into a symbol on the stage. Just give that symbol a name in the Properties inspector (the instance name field is easy to miss but it's there) and you can use a code similar to this to load random images in.
Code:
arrayPictures = ["assets/pic01.jpg", "assets/pic02.jpg", "assets/pic03.jpg"]
c = random(3)
_root.instanceName.loadMovie(arrayPictures[c]);
|
|
The instance name is a movie object. In the Flash help pages you can find methods for altering the properties or the position of the movie object or you could just alter the properties of the symbol on stage to simulate randomness. In the timeline you could achieve a fade by altering the color property to alpha and creating a tween and just fade it in and out.
The main advantage of using Flash over Processing for this job is that Flash can export a slideshow program and this can be run at full screen by using the following actionscript at the beginning:
Code:
fscommand("fullscreen", "true");
|
|
Whoops, didn't see you had something already in the works.
Try the array method I've used but in Processing.
Code:
//construct an array for the vids. I'm hoping for your sake that arrays work in all data types
BVideo[] vid = new BVideo[3]
float u = random(200);
float v = random(200);
void setup()
{
size(200, 200);
background(0);
// Load and play the video in a loop
vid[0] = loadVideo("street.mov");
vid[1] = loadVideo("park.mov");
vid[2] = loadVideo("road.mov");
//don't know how the next bit works, haven't used it before
repeat(vid);
}
void loop() {
int r = int(random(3))
if(keyPressed) {
if (key == DOWN) {
play(vid[r]);
{
fill(250, 200);
image(vid[r], u, v);
}
}
}
}
|
|
And you can post easier to read code by using code tags. Just use <code></code> but use the array brackets "[]" instead of "<>".
|
| « Last Edit: Dec 10th, 2004, 1:25pm by st33d » |
|
I could murder a pint.
|
|
|
amnesie
|
re
« Reply #3 on: Dec 10th, 2004, 11:21pm » |
|
sorry but it doesn't seem to work, it tells me :
The type of this expression, "BVideo", is not an array type.
concerning this line :
vid[ 0] = loadVideo("street.mov");
|
| « Last Edit: Dec 10th, 2004, 11:22pm by amnesie » |
|
|
|
|
st33d
|
Re: newby needs help with pictures integration
« Reply #4 on: Dec 11th, 2004, 3:53am » |
|
My guess at a solution to this is to create a datatype around the BVideo datatype that IS capable of supporting arrays. That is create a class and stick it inside. Then again Processing may not support multiple loaded videos. I don't know (processing 68 doesn't seem to recognise BVideo so I can't test it).
Try mucking about with this code below. If you're unsuccessful you could always try to adapt it for your image fading idea. I botched it together from the animated sprite example on the cover page.
Code:
float u = random(200);
float v = random(200);
videoClass[] vid = new videoClass[2];
void setup(){
size(200,200);
vid[0] = new videoClass("1.mov");
vid[1] = new videoClass("2.mov");
}
void loop(){
int r = int(random(3))
if(keyPressed) {
if (key == DOWN) {
vid[r].playVid();
{
fill(250, 200);
vid[r].display(u, v);
}
class videoClass{
BVideo i;
videoClass(String videoName){
loadVideos(videoName);
}
void loadVideos(String name){
i = loadVideo(name);;
}
void playVid(){
play(i);
}
void display(float xpos, float ypos){
image(i, xpos, ypos);
}
}
|
|
Syntax may be a bit dodgy.
|
I could murder a pint.
|
|
|
amnesie
|
Re: newby needs help with pictures integration
« Reply #5 on: Dec 12th, 2004, 11:03pm » |
|
thanks for your help but it doesn't seem to work...
i'm back to my first idea : loading images randomly (i'll see later for the fades in end out)
my patch is as follow, but it doesn't work, could you tell me what's the problem ?
float u = random(200);
float v = random(200);
float r = random(2);
size(400, 400);
BImage a;
if (r == 0)
a = loadImage("arch.jpg");
if (r == 1)
a = loadImage("test.jpg");
image(a , u, v);
|
|
|
|
|
Philipp
|
Re: newby needs help with pictures integration
« Reply #6 on: Dec 13th, 2004, 12:02am » |
|
The problem here is that you declare r as a floating point variable.
Code:
if (r == 0)
a = loadImage("arch.jpg");
if (r == 1)
a = loadImage("test.jpg");
|
|
...will only execute if r is exactly 0 or 1 (as opposed to e.g. 0.5). Try "int r" instead of "float r"
|
|
|
|
|
amnesie
|
Re: newby needs help with pictures integration
« Reply #7 on: Dec 13th, 2004, 8:29am » |
|
but the random function doesn't accept int values...
and i don't know how to transform r from float to int...
moreover, it's not the only problem because when i try this, i still doesn't work :
float u = random(200);
float v = random(200);
float r = 0;
size(400, 400);
BImage a;
if (r == 0)
a = loadImage("arch.jpg");
image(a , u, v);
|
| « Last Edit: Dec 13th, 2004, 10:17am by amnesie » |
|
|
|
|
fjen
|
Re: newby needs help with pictures integration
« Reply #8 on: Dec 14th, 2004, 12:46am » |
|
you can convert an float to an int by writing:
int abc = int(1.234);
i don't think it's a good idea (at the moment) to use processing as a presentation-tool for videos. the larger the video (640*480), the worse it will run ... anyway, here is a sketch for you that does what you wanted to do (make sure to put your own movies in, or copy the two from examples->video):
Code:
String vFiles[] = new String[]{
"station.mov", "street.mov", "station.mov", "street.mov",
"station.mov", "street.mov", "station.mov", "street.mov",
"station.mov", "street.mov", "station.mov", "street.mov",
"station.mov", "street.mov", "station.mov", "street.mov",
"station.mov", "street.mov", "station.mov", "street.mov",
"station.mov", "street.mov", "station.mov", "street.mov",
"station.mov", "street.mov", "station.mov", "street.mov",
"station.mov", "street.mov", "station.mov", "street.mov",
"station.mov", "street.mov", "station.mov", "street.mov",
"station.mov", "street.mov", "station.mov", "street.mov",
"station.mov", "street.mov", "station.mov", "street.mov",
"station.mov", "street.mov", "station.mov", "street.mov"
};
BVideo vPlaying;
void setup()
{
size(200, 200);
background(0);
vPlaying = loadVideo(vFiles[0]);
vPlaying.play();
}
void loop() {
if(keyPressed) {
if (key == DOWN) {
vPlaying.stop();
String randomFile = vFiles[(int)random(vFiles.length-1)];
vPlaying = loadVideo(randomFile);
vPlaying.play();
}
}
image(vPlaying, 0, 0);
}
|
|
/F
|
|
|
|
|
|
