* Draw text in the Canvas element. * @param {CanvasRenderingContext2D} ctx

* Draw the colorful effect. * @param {CanvasRenderingContext2D} ctx

* Draw text in WebGL with PIXI.js * @param {PIXI.Graphics} graphics

* Draw grid for each type. * @param {CanvasRenderingContext2D} ctx

* Draw rectangle shapes at each path point. * @param {CanvasRenderingContext2D} ctx * @param {number} w pattern width * @param {number}

* Draw circles at each drawing point and lines for each type. * @param {CanvasRenderingContext2D} ctx

* Update paths for drawing in WebGL (PIXI.js). It's very expensive, only call when it needs.

* Draw the wave effect. * @param {CanvasRenderingContext2D} ctx * @param {DOMHighResTimeStamp} t time stemp from requestAnimationFrame()