q5.ts

This project is an TypeScript implementation of the q5xjs project.

Installation

npm i q5xts

Usage

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)
    };
  }
}

Limitations

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

Docs

[TODO: explain Q5 constructor function]

Refer to the original website or the original github repo

Sandbox

You can view the sandbox environment here: https://dchicchon.github.io/q5xts/

Example Projects

• Circuits

Links

• npm
• q5xjs github
• q5xjs docs
• p5js docs