Skip to content
Related Articles

Related Articles

Improve Article

p5.js | saveStrings() Function

  • Last Updated : 13 Mar, 2020
Geek Week

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);
   
    // Create a textarea for
    // the input of text
    inputArea = createElement('textarea');
    inputArea.position(30, 50)
    inputArea.size(400, 120);
   
    // Create a button for saving text
    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() {
      
    // Get the value of the textarea
    // and split the strings on the basis
    // of the nextline character
    stringList = inputArea.value().split("\n");
   
    // Save the strings to file
    saveStrings(stringList, 'output.txt');
}

Output:
save-text

Example 2:




function setup() {
    createCanvas(600, 300);
    textSize(18);
   
    // Create both inputs for the
    // multiplication table
    multiOf = createInput();
    multiOf.position(250, 50)
    multiOf.size(50);
   
    multiTo = createInput();
    multiTo.position(250, 90)
    multiTo.size(50);
   
    // Create a button for saving text
    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() {
      
    // Get the value of the two inputs
    // and generate table
    let mul = multiOf.value();
    let maxUpto = multiTo.value();
    let stringList = [];
   
    for (let i = 0; i < maxUpto; i++) {
        stringList[i] = mul + " * "
            + i + " = " + mul * i;
    }
   
    // Save the strings to file
    saveStrings(stringList, 'output.txt');
}

Output:
multiplication-table

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

Hey geek! The constant emerging technologies in the world of web development always keeps the excitement for this subject through the roof. But before you tackle the big projects, we suggest you start by learning the basics. Kickstart your web development journey by learning JS concepts with our JavaScript Course. Now at it’s lowest price ever!




My Personal Notes arrow_drop_up
Recommended Articles
Page :