p5.js isLooping() Function

p5.js loop() Function

Last Updated : 16 Aug, 2023

The loop() function is used to call draw() function continuously. The loop() function can be stopped using noLoop() function. Syntax:

loop()

Below example illustrates the loop() function in p5.js: Example:

javascript

let l = 0;

function setup() {
  
  // Create canvas of given size
  createCanvas(500, 300);
  
  // Set the background color
  background('green');

}

function draw() {
  
  // Set the stroke color
  stroke('white');
  
  l = l + 0.5;
  if (l > width) {
    l = 0;
  }
  
  // Function to draw the line
  line(l, 0, l, height);
  
}

function mousePressed() {
  noLoop();
}

function mouseReleased() {
  loop();
}

Output:

Online editor: https://editor.p5js.org/ Environment Setup: https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/

p5.js isLooping() Function

jit_t

Improve

Article Tags :

Similar Reads

p5.js is a JavaScript library for creative coding, with attention to making code accessible and inclusive for artists, designers, educators, beginners, and anyone else. It is a free and open-source library i.e. it can be accessible to everyone. In this p5.js tutorial, we will learn the essential kno

p5.js Introduction

p5.js is a JavaScript library used for creative coding. It is based on Processing which is a creative coding environment. The main focus of processing is to make it easy as possible for beginners to learn how to program interactive, graphical applications, to make a programming language more user-fr