p5-easy
v1.0.7
Published
Make the use of p5.js easier across multiple files.
Downloads
14
Readme
How to use it
To ensure that every class in our project has access to p5 functions, this package resolves the issue by making the 'sketch' object available as a variable named 'p'. This approach allows us to import 'p' into any file and utilize p5 functions as needed.
main.js
import p from 'p5-easy'
import MyObject from './my-object.js'
let obj
p.setup = () => {
p.createCanvas(600, 600)
obj = new MyObject()
}
p.draw = () => {
p.background('black')
obj.draw()
}
my-object.js
import p from 'p5-easy'
export default class MyObject {
constructor() {
this.x = 300
this.y = 300
}
draw() {
p.circle(this.x, this.y, 100)
}
}