How to make a snowboarder image leave a fading trail :D

Programming Questions

lui406

How to make a snowboarder image leave a fading trail :D

in Programming Questions • 6 months ago

Greetings! I am trying to make a sketch that has an image of a snowboarder that follows the mouse and leaves a fading trail of the image behind it. I would like the image that follows the mouse to stay, and the trail of images behind it to slowly fade away. I would love some help. Here is what I have so far.

PImage dude;
PImage bg;
void setup() {
size(600, 600);
background(0);
dude = loadImage("duder.png");
bg = loadImage("temple.jpg");
background(bg);
}
void draw() {
image(dude, mouseX, mouseY);
image(dude, mouseX, mouseY);
tint(255, 5);
image(bg, 0, 0);
fill(255);
image(dude, mouseX, mouseY);
}

Replies(3)

GoToLoop

Re: How to make a snowboarder image leave a fading trail :D

6 months ago

Take a look at this post:
http://forum.processing.org/topic/good-example-for-moving-objects-with-trace

lui406

Re: How to make a snowboarder image leave a fading trail :D

6 months ago

Great thanks for the reply! The examples all seem to work using shapes, which I have been able to do (although surely not very elegantly), but when I try to apply it to images and add a background image, the background always repeats as well. I did see this example here:

https://processing.org/learning/basics/storinginput.html

Perhaps using arrays like that is still over head, but I am not sure how to apply that to images. I will keep working at it, and if I can get further, I will post it here. Thanks :)

GoToLoop

Re: How to make a snowboarder image leave a fading trail :D

6 months ago

I believe if you use a PImage as a background(),
you're gonna need a PGraphics canvas to stamp your other PImage "sprites" on it.

A PGraphics layer object has its own background() in which you can control its transparency using the same trick of drawing a rect() w/ a transparent fill() color.

That is, the same one used in the Firework program example!

Top Reply