p5.js: Wie kann ich meine Skizze abhängig von der HTML-Seite in eine andere .txt-Datei laden?

Question

Entschuldigung, wenn diese Frage nicht sehr klar formuliert ist. Ich arbeite an einer Textanalyse-Visualisierung und ich habe mehrere HTML-Seiten, die dieselbe Verarbeitungskizze mit p5.js laden. Der einzige Unterschied zwischen den Seiten besteht darin, dass ich die Skizze brauche, um eine andere .txt-Datei in setup() oder preload() zu laden, je nachdem, um welche HTML-Seite es sich handelt. Der Rest der Skizze bleibt identisch.

Wie kann ich meine Skizze laden eine andere Datei (01.txt, 02.txt etc) je nachdem, auf welcher Seite es ist? (book_one.html, book_two.html usw.). Jede Hilfe wäre großartig, danke!

Answer 1

Sie können JavaScript in p5.js schreiben, also würde das erste, was ich googlen würde, "JavaScript get current url" sein, um zu sehen, wie das geht.

Here ist das erste Ergebnis für die Suche, und es sagt, dass Sie es wie folgt zu erreichen:

window.location.href 

Jetzt haben Sie nur p5.js Code zu schreiben, der dieses JavaScript-Variable verwendet. Vielleicht etwas in der Art:

function setup(){ 
    if(window.location.href == "http://example.com"){ 
     //load 01.txt 
    } 
    else{ 
     //loat 02.txt 
    } 
}