Estoy usando p5.js para mi proyecto y tengo que cargar algunos datos de un archivo en otra carpeta.
Mi código js está escrito en la carpeta 'js' y el archivo de datos está en la carpeta 'txt'. Las carpetas 'js' y 'txt' están en el mismo directorio raíz.
Aquí está mi código,
var data; function preload() { data = loadStrings('../txt/data.txt'); console.log(data); console.log(data[0]); }y aquí están los registros:
0: "abcde" 1: "fghij" 2: "klmno" length: 3 [[Prototype]]: Array(0) undefinedy aquí está la petición:
Request URL: http://localhost:3000/txt/data.txt Request Method: GET Status Code: 200 OK Remote Address: [::1]:3000 Referrer Policy: strict-origin-when-cross-originMuestra el resultado apropiado cuando imprimo una matriz completa, pero cuando accedo a cada dato de la matriz, sale algo mal. ¿Qué está mal en mi proyecto?
Dado que está llamando a la precarga, debe acceder a los datos en la función de configuración o dibujo.
function setup() { console.log(data[0]) }De lo contrario, deberá usar una función de devolución de llamada para manejar los datos.
function setup() { loadStrings('../txt/data.txt', myCallback); } function myCallback(data) { console.log(data[0]) }