p5.js nfp() Function

p5.js | loop() Function

Last Updated : 17 Jan, 2020

The loop() function is an inbuilt function in p5.js library. This function is used to play the audio on the web in a loop. The loop function can call after or before the play() function, it does not matter. It will play that loaded sound again and again in a loop.

Syntax:

loop( startTime, rate, amp, cueStart, duration )

Note: All the sound-related functions only work when the sound library is included in the head section of the index.html file.

Parameter: This function accepts five parameters as mentioned above and described below:

startTime: This parameter holds an integer number as seconds that defines the scheduled playback and it is an optional parameter.
rate: This parameter holds an integer number that defines playback rate and it is an optional parameter.
amp: This parameter holds an integer number that defines the amplitude of the playback and it is an optional parameter.
cueStart: This parameter holds an integer number as seconds that define the cue start time in seconds and it is an optional parameter.
duration: This parameter holds an integer number that defines the duration of playback in seconds and it is an optional parameter.

Below given example illustrate the p5.js loop() function in JavaScript:
Example:

var sound;  
  
function preload() {  
  
    // Initialize sound  
    sound = loadSound("pfivesound.mp3");  
}  
  
function setup() {  
  
    // Playing the preloaded sound in a loop 
    sound.play();  
    sound.loop(); 
}  

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

Supported Browsers: The browsers supported by p5.js loop() function are listed below:

Google Chrome
Internet Explorer
Firefox
Safari
Opera

p5.js nfp() Function

S

skyridetim

Improve

Article Tags :

Similar Reads

p5.js loop() Function

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: let l = 0; function setup() { // Create canvas of given size createCanvas(500, 300); // Set th

p5.js noLoop() Function

The noLoop() function is used to stop the program after executing the draw() function. The loop() function runs the draw() function again and again. If noLoop() function is used in setup() function then it should be the last line inside the block. If noLoop() function is used then it is not possible

p5.js lerp() Function

The lerp() function is used to find a number between two numbers. The amt parameter can be used to specify the amount to interpolate between the two values. An amount nearer to 0.1 would mean that the final value is nearer to the first value, and nearer to 0.9 means that the value is nearer to the s

p5.js loadJSON() Function

The loadJSON() function is used to read the contents of a JSON file or URL and return it as an object. In case the file contains a JSON array, this function would still return it as an object with the index numbers specifying the different keys of the object. This method can support file sizes up to

p5.js nfp() Function

The nfp() function in p5.js is used to format the input numbers (integers or floats) into strings as well as it gives positive (+) and negative (-) sign according to the sign of input numbers. Syntax: nfp(Num, Left, Right) Parameters: This function accepts three parameters as mentioned above and des

p5.js map() Function

The map() function in p5.js is used to normalize a number having range from min1 to max1 in a range of min2 to max2. Normalization is very helpful in p5.js if you are scaling your elements. Because as we know normalization takes care of all the proportions in scaling so, we get a completely balanced

p5.js loadXML() Function

The loadXML() function is used to read the contents of a file or URL and return it as a XML object. The file must be present in the sketch directory to be accessed. This method can be used to support file sizes up to 64MB. This function is asynchronous, therefore it is recommended to be called in th

p5.js nf() Function

The nf() function in p5.js is used to format the input numbers (integers or floats) into strings. Syntax: nf(Num/Arr, Left, Right) Parameters: This function accepts three parameters as mentioned above and described below: Num/Arr: This parameter holds the input positive number or an array of numbers

p5.js noise() Function

The noise() function is used to return a number generated by Perlin noise at the given coordinates. This value is semi-random, which means that the value would be fixed for a coordinate for the lifespan of the program. The Perlin noise value is different from the value returned by the random() funct

p5.js model() Function

The model() function is used to render a 3D model to the screen. The model to be rendered has to be loaded first using the loadModel() function. Syntax: model( model ) Parameters: This function accepts one parameter as mentioned above and described below. model: It is the p5.Geometry object that spe