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

46

Yes that worked. Thanks.

image001.jpg

image002.jpg

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

49

Do you see the images?

50

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

image001.jpg

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

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.

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