Skip to content
This repository has been archived by the owner. It is now read-only.
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
img
 
 
lib
 
 
 
 
 
 
 
 

p5-jupyter-notebook

Binder

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:


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