Here I include an example on how to use the super simple libraries I built using p5.js. I also use this as default proyect.
This proyect is hosted by github pages at this link.
Here I include a little example on how the libraries I built work
- Slider
- Button
- ToggleButton
- Color picker
- Options box
All elements are highlightable and hideable
The UI can auto distribute the elements in a table form.
Most elements can perform an action when their state changes
Normal slider for choosing a value between to given numbers
It can show a label, show the actual value and have a discrete step size
The value can be changed by dragging the slider or using the mouse wheel over the slider
Performs a given action when clicked
Button wich can be activated / deactivated
One button wich pops up a color picker window
Box wich when clicked displays a list of options that can be selected
This elements can be dragged arround the canvas
Then can as well perform an action when dragged
The posible shapes of the elements are:
- Circle
- Rectagle
This is a class to perform different kinds of matrixs arithmetics. You can build a matrix in different ways and then perform some operations like:
- Addition
- Substraction
- Multiplication (by another matrix or by a scalar)
- Inverse
- Solve as a set of linear ecuations
- Echelonize
- Determinant
- ...
This class perform different kinds of vector arithmetics.
You can build a vector and then compute different operetaions like:
- Add vector / scalar
- Substract vector / scalar
- Dot product
- Multiplication / division by scalar
- l-Norm
- l-Norm normalization
- Scale to fit norm
- ...
- Rotate
- Get rotation
- Create them randomly
- Create them in polar coordinates
- ...
To find more information about the awesome library used for this proyect visit: https://p5js.org/
Checkout my other proyects at Click math