使用 loadJSON p5.js 加载 json 文件

Question

当我尝试使用此功能时，出现以下错误消息。负载 json 未定义；请修复或添加 /global loadjson/。我是做错了什么还是有更好的方法在 javascript 中加载 json 文件？我尝试了 youtube 视频中的几种方法，但 none 似乎对我有用。

<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.2.0/p5.js"></script>
<script>
    function preload(){
       loadJSON("/home/ubuntu/project/jason/data.json",gotData);
       }
    function gotData(data){
       println(data);
       }
</script>

这是我的 json 文件的格式：

[{"date": "2020/07/28", "mass": 68.3}, {"date": "2020/07/29", "mass": 68.3}, {"date": "2020/07/30", "mass": 69.5},...]

Answer 1

代码非常好，P5.js 只需要一个设置（或绘制）功能即可。

此外 println 不存在于 javascript（或 P5.js）中，只需使用 console.log(data)

<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.2.0/p5.js"></script>
<script>
    function setup() {
      noLoop();
    }
    function preload(){
       loadJSON("/home/ubuntu/project/jason/data.json",gotData);
    }
    function gotData(data){
       console.log(data);
    }
</script>

使用 loadJSON p5.js 加载 json 文件

load json file with loadJSON p5.js

javascript

json

p5.js