Vue.jsでp5の関数のモード切替をしたい。

Question

Vue.jsの中でp5を使っていますが、rect関数のモード切替が出来ません。

<script>
export default {
  mounted() {
    let script = function (p5) {
      
      // let x = 0;

      p5.setup = function() {
        p5.createCanvas(480, 240);
        p5.background('skyblue');
        p5.rectMode(CENTER); //この引数がエラーになる！！
        p5.rect(p5.width/2, p5.height/2, 150, 100)
      }

    }

    let p5 = require('p5');
    new p5(script)
  }
}
</script>

コード中のp5.rectMode(CENTER)の引数がエラーになります。

error  'CENTER' is not defined  no-undef

他のcolorModeの指定などでも同様で、シングルクォーテーションで引数をくくっても同様です。

引数の指定方法はないでしょうか？

Answer 1

p5.CENTER
とすればできました。