This project was more for the sake of experimenting with p5.js and creating a Jupyter Widget directly in the Jupyter Notebook, and is not maintained anymore.
Creating new widgets on the fly in a notebook is really useful for presentations and teaching purposes. However this approach does not work in other environments other than the classic notebook (it does not work in JupyterLab).
Instead, feel free to check out:
- https://github.com/jtpio/ipyp5: ongoing work to make a proper
- https://github.com/jtpio/p5-notebook: prototype for a minimal notebook UI for p5.js
Jupyter Notebook to demonstrate how to use p5.js for custom interactive animations.
The Bermuda Triangle puzzle is used in the notebook as a concrete example to solve. But the idea and the tools can be applied to other cases.
The Bermuda Triangle Puzzle is a wooden puzzle consisting of 1 big triangle and 16 smaller triangles of equal size. The goal of the puzzle is to arrange the triangles in a way so that each adjacent color is the same: red next to red, blue next to blue, and so on....
Here is a short animation of what the animation looks like. Refer to the notebook for more details!
Run on Binder
You can run the notebook directly on Binder.
Binder creates a reproducible environment from the
environment.yml file to ensure all dependencies are installed at startup.
git clone https://github.com/jtpio/p5-jupyter-notebook cd p5-jupyter-notebook/
Create a conda environment and install the dependencies:
conda env create source activate p5-notebook
Launch the notebook: