p5.js saveStrings() Function
The saveStrings() function is used to write an array of strings with one line per string to the file. The saving of the file will vary depending on the web browser.
Syntax:
saveStrings( list, filename, extension )
Parameters: This function accept three parameter as mentioned above and described below:
- list: It is the array of strings that has to be written to the file.
- filename: It specifies the string that is used as the filename of the saved file.
- extension: It specifies the string that is used as the extension of the saved file. It is an optional parameter.
Below examples illustrate the saveStrings() function in p5.js:
Example 1:
function setup() {
createCanvas(600, 300);
textSize(22);
inputArea = createElement( 'textarea' );
inputArea.position(30, 50)
inputArea.size(400, 120);
saveBtn = createButton( "Save text" );
saveBtn.position(30, 200)
saveBtn.mousePressed(saveFile);
}
function draw() {
clear();
text( "Click on the button below to "
+ "save the written text" , 20, 20);
}
function saveFile() {
stringList = inputArea.value().split( "\n" );
saveStrings(stringList, 'output.txt' );
}
|
Output:
Example 2:
function setup() {
createCanvas(600, 300);
textSize(18);
multiOf = createInput();
multiOf.position(250, 50)
multiOf.size(50);
multiTo = createInput();
multiTo.position(250, 90)
multiTo.size(50);
saveBtn = createButton(
"Generate and save table" );
saveBtn.position(30, 140)
saveBtn.mousePressed(saveFile);
}
function draw() {
clear();
text( "Fill in the input to generate "
+ "a multiplication table:" , 20, 20);
text( "Multiplication table of:" , 20, 60);
text( "Multiplication table upto:" , 20, 100);
}
function saveFile() {
let mul = multiOf.value();
let maxUpto = multiTo.value();
let stringList = [];
for (let i = 0; i < maxUpto; i++) {
stringList[i] = mul + " * "
+ i + " = " + mul * i;
}
saveStrings(stringList, 'output.txt' );
}
|
Output:
Online editor: https://editor.p5js.org/
Environment Setup: https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/
Reference: https://p5js.org/reference/#/p5/saveStrings
Last Updated :
22 Aug, 2023
Like Article
Save Article
Share your thoughts in the comments
Please Login to comment...