CodeJavaScript + p5.js · ⌃ Space for hints

1234567891011121314

function setup() {
  createCanvas(600, 400);
}

function draw() {
  background("#111827");
  // TODO: Add your code below.

  fill("gold");
  circle(300, 200, 100);
  fill("black");
  textSize(24);
  text("Q", 290, 208);
}

function setup() {
  createCanvas(600, 400);
}

function draw() {
  background("#111827");
  // TODO: Add your code below.

  fill("gold");
  circle(300, 200, 100);
  fill("black");
  textSize(24);
  text("Q", 290, 208);
}

Draft saved locallyJavaScript · Spaces: 2

Live preview move your pointer inside

Mission 01 11 min

Reward+140 XP

Create and Call a Function

A custom function gives a group of statements a name. Define one with function name() { ... }, then run it by calling name();. For example: function wave() { circle(100, 100, 30); } creates the function, while wave(); runs it. In this mission, move the existing badge drawing commands into a new function instead of copying them.

Learn more

Your mission

Move the badge drawing commands into a new function named drawBadge, then call drawBadge() from draw() so the badge looks the same.

Create function drawBadge() { ... } containing the existing badge drawing statements.
Remove those badge drawing statements from draw().
Call drawBadge(); inside draw() after the background is drawn.

Mission complete Run sketch