This project is an TypeScript implementation of the q5xjs project.
npm i q5xts
import { Q5 } from 'q5xts';
export class Drawing extends Q5 {
constructor(
scope: 'global' | 'offscreen' | '',
elm: HTMLElement,
) {
super(scope, elm);
this.setup = () => {
console.log('setup function here')
this.frameRate(60);
};
this.draw = () => {
console.log('draw function here')
this.rect(0,0,100,100)
};
}
}
Currently this package does not provide the full usage of the original q5xjs package. Here we focus on utilizing it in a specified element scope and not the global scope.
This package is a work in progress and should include the capabilities of the original project later on
Refer to the original website or the original github repo
You can view the sandbox environment here: https://dchicchon.github.io/q5xts/