D3 + p5.js 筆記 - 自訂 preload 的 Ajax

p5.js 已經內建數種檔案請求的方式,這邊紀錄一下自己建立 ajax 請求註冊到 preload() 的方式(以 D3 為例)。

這邊要注意的是,在第 10 行的部份,請求後的資料不能直接指定給預先宣告的變數,否則 setup() 取資料時會是 undefined,或者可以這樣宣告:

1
2
3
4
5
'use strict'

// load function
let tmp = { list: [] };
// ---

在取得資料後直接將資料指定給 tmp.list,在 setup() 裡直接以 data.list 的方式取值即可,而範例裡的 returncallback 都是必要的,省略任何一樣都會出現 undefined

不用 new 的方式可以到這裡檢視。