p5.axes

A simple utility library for rendering x, y, and z axes.

demo.mp4

Usage

Enabling the Library

To enable the library, simply import it. The axes will be rendered automatically after the draw function.

How to Import (HTML)

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

How to Import (OpenProcessing)

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

Requirement

Your canvas must be created in WEBGL mode. createCanvas | p5.js reference

Example:

createCanvas(windowWidth, windowHeight, WEBGL);

Disabling rendering axes

Option1: Disabling programatically

You can enable/disable rendering axes by calling the following methods.

// Enable
p5Axes.enable()

// Disable rendering
p5Axes.disable()

Option2: Remove library

If you no longer need this feature, you can simply remove or comment out the import code for the library.