Intro to Programming with P5: Multiple Comets

[codingbootcampseu]

Use the sketch from the previous task.

• [x] You will now display two comets that move on the canvas
• [x] Use objects to store the x and y coordinates of the comet
  • [x] Also store a diameter and velocity (speed) variable for each comet
• [x] Create a renderComet(comet) function that takes a comet as the parameter
  • [x] The function will draw the comet and update the coordinates
  • [x] Use the velocity variable to update the position

Hints

let comet1 = { x: 1, y: 2, velocity: 2 };

function draw() {
  renderComet(comet1);
  // update second comet
}

function renderComet(comet) {
  // update comet coordinates
  comet.x = comet.x + comet.velocity;

  // draw comet
  circle(...);

  // calculate if comet is outside of canvas
  ...
}

Example Solution

• Example solution

[SzabiSch]

es funktioniert auch ohne Trashold, besonders ohne die Parameter weiterzugeben. Aufgabe gepseichert