This code makes it simple to export a lot of versions of a canvas without having to manually change the downloaded file's name so you don't overwrite it

Export a P5.js Canvas to an Image

// This code makes it simple to export a lot of versions of a canvas without having to manually 
// change the downloaded file's name so you don't overwrite it.

const export_canvas = function () {
    const file_name = "sspboyd"; // change this to whatever you'd prefix your image file name with
    
    const dt = new Date(); // create a new date object representing the current time
    
    // Parse the date object to get strings for year, month, day, hour, minute, seconds
    const year = dt.getFullYear();
    const month = (dt.getMonth() + 1).toString().padStart(2, "0"); //months from 1-12
    const day = dt.getDate().toString().padStart(2, "0");
    const hrs = dt.getHours().toString().padStart(2, "0");
    const mins = dt.getMinutes().toString().padStart(2, "0");
    const secs = dt.getSeconds().toString().padStart(2, "0");
    
    const file_date = `${year}-${month}-${day}-${hrs}-${mins}-${secs}`; // create one long string of the date info

    saveCanvas(`${file_name}_${file_date}`, "jpg"); // the last argument here can be either 'jpg', or 'png'
};