Awesome

p5-jupyter-notebook

Demo

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 ipyp5 Jupyter widget
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!

Bermuda Triangle Example

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.

Run locally

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:

jupyter notebook