P5矢量减法'SUB'返回错误

2022-08-24 p5.js reactjs javascript

我一直在尝试将P5素描上传到Reaction Build上。使用REACT-P5-WRAPPER,我能够在屏幕上成功呈现画布,但是,一些向量函数导致错误。

        var distance = this.position.dist(ball.position)
        var minDistance = this.radius + ball.radius
        if (ball === this || distance > minDistance) {
            return
        }
        // balls colliding. First, move them apart.
        console.log(this.position) 
        console.log(ball.position)
        let angle = p5.Vector.sub(this.position, ball.position)// <= RIGHT HERE[![Error Message][1]][1]
        // return
在这一部分中,我的console.log都返回了有效的3D向量,但是当我使用p5.Vector.Sub(v1,v2)时,我返回了一个错误:&Quot;TypeError:Cannot Read Property‘Sub’of Unfined&Quot;。我的子功能可能与其他东西混淆了?我已经附上了一张错误输出的图片。我不确定为什么当我在console.log中获得它们的值时,程序会将它们读取为未定义。感谢您的建议


解决方案

根据react-p5-wrapper此处this issue

的作者
传入模块的P5与传统上使用脚本标记获得的全局P5不同。要使用此包访问某些内容(由于p5节点模块本身),您需要使用p5.structor。

在您的案例中主要使用p5.constructor.Vector.sub(this.position, ball.position)

相关文章