Debug with Editor

p5.js Coding Questions
41

Thanks. Is Console support to be showing. It does not display.

image001.jpg

image002.jpg

42

runs here, yes Console word shows up

43

A nice twist would be that the letters of “Console” fly in separately one after another C - o - n - …

44

text1Y -= speed1;
same as
text1Y = text1Y - speed1;

see https://www.processing.org/reference/subtractassign.html

from the processing reference: https://www.processing.org/reference/

have a look here: https://editor.p5js.org/Chrisir10/sketches/zL0bR_E2A

45

I so agree.

image001.jpg

1 Like
46

Yes that worked. Thanks.

image001.jpg

image002.jpg

1 Like
47

Looks much better now!

Background image

2 images floating in

Font is Times now

48

Or be able to get the letters rotate around and end up at the final position.

image001.jpg

1 Like
49

Do you see the images?

50

Yes it worked well. I will try and load mine.

image001.jpg

1 Like
51

Hi Chris

Looks like I have been slightly off with my example. Daughter tells me I need to use some particle system to get object animation like the examples below.

She was not impressed with my basic animation it seems. I get how to do backgrounds now I think and text :slight_smile:

Particle system with objects looks a bit more complex do you have any examples?

image001.jpg

image002.jpg

image001.jpg

52

Sure.

Check out examples: https://p5js.org/examples/simulate-particle-system.html

see https://p5js.org/examples/simulate-flocking.html

53

Thanks Chris. So complex. I just want 2-3 objects to move around. Will have to break it down :slight_smile:

image001.jpg

1 Like
54

Don’t think you need this.

Just make them fly in? Diagonally?

Or use 3D?

55

new page: you can just launch a new html page with another Sketch, I guess, but transition looks not smooth I guess

56

That’s fine then. Funny thing is if you change the name from sketch it does not run the changes. WOW !! i spent 30 minutes trying to figue why not.

1 Like
57

Do you know if I need to cut out the images with Photoshop for the circles to go behind them?

58

I think you can define a color as transparent and save image as png then iirc

59

here



function setup() {
  createCanvas(720,350);
  
   ps5video = createVideo('PS5 Trailer.mp4');
    
  ps5video.position(310,90);
  ps5video.loop();
  
  //ps5video.hide();
60

at the moment YOUR sketch with MY changes shows the video

Does it do this in your browser too?

Or is it just for me?

Anyway, I sent you above how to do it