代码之家  ›  专栏  ›  技术社区  ›  aitor

如何让p5.js在WordPress中工作

  •  1
  • aitor  · 技术社区  · 6 年前

    上下文:

    我正在尝试让p5.js库使用sage starter主题进行wordpress安装构建。

    所有文件似乎都已就位:

    p5.min.js在 dist 文件夹。

    p5.min.js在 body :

    <script type="text/javascript" src="//localhost:3000/app/themes/tlm/dist/scripts/p5.min.js"></script>
    

    问题:

    当我试图创建p5的实例时,我得到 'p5' is not defined eslint错误。

    var sketch = function(p) {
      p.setup = function () {
        p.createCanvas(500, 500);
        p.background(200);
      };
    };
    new p5(sketch);
    

    我的JS水平很低。为什么p5未定义?如何调试它?

    1 回复  |  直到 6 年前
        1
  •  1
  •   Alator    5 年前

    必须将p5变量设置为全局变量。

    怎么用?

    只需将这一行添加到javascript文件的顶部

    /*全球P5*/