A simple utility library for rendering x, y, and z axes.
demo.mp4
To enable the library, simply import it. The axes will be rendered automatically after the draw function.
Import the library after p5.js.
<script src="https://cabbage63.github.io/p5.axes/lib/p5.axes.min.js"></script>
Example in OpenProcessing: https://openprocessing.org/sketch/2315746
Please paste the URL of this library https://cabbage63.github.io/p5.axes/lib/p5.axes.min.js
into the input field under [SKETCH] > [LIBRARIES] to add the library.
Example in OpenProcessing: https://openprocessing.org/sketch/2315735
Your canvas must be created in WEBGL
mode.
createCanvas | p5.js reference
Example:
createCanvas(windowWidth, windowHeight, WEBGL);
You can enable/disable rendering axes by calling the following methods.
// Enable
p5Axes.enable()
// Disable rendering
p5Axes.disable()
If you no longer need this feature, you can simply remove or comment out the import code for the library.