A p5.js kernel for JupyterLite.
- JupyterLite
0.1.0b18+
This JupyterLite kernel can be installed as a federated server extension.
# Install the kernel pip install jupyterlite-p5-kernel # Build a new JupyterLite site jupyter lite buildpip uninstall jupyterlite-p5-kernel# Clone the repo to your local environment # Change directory to the fork directory # create a new enviroment mamba create --name jupyterlite-p5-kernel -c conda-forge python=3.9 yarn jupyterlab mamba activate jupyterlite-p5-kernel # Install package in development mode python -m pip install -e . # Link your development version of the extension with JupyterLab jlpm run install:extension # Rebuild the extension Typescript source after making changes jlpm run buildThe extension should be linked to PREFIX/share/jupyter/labextensions and can be picked up by jupyterlite:
# Install jupyterlite python -m pip install jupyterlite # Build a new JupyterLite site jupyter lite build # Serve the site jupyter lite serve # Launch a browser to the Jupyterlite server url python -m webbrowser http://localhost:8000/- Processing > ProcessingJS > p5.js https://en.wikipedia.org/wiki/Processing#p5.js
- https://github.com/processing/p5.js
- https://p5js.org/tutorials/
- https://p5js.org/reference/ API docs
- https://p5js.org/examples/
- https://p5js.org/examples/classes-and-objects-snowflakes/
- https://github.com/processing/p5.js/wiki/Beyond-the-canvas#creating-html-images
- https://github.com/processing/p5.js/wiki/Getting-started-with-WebGL-in-p5#introducing-webgl-in-p5js
- Summer of Code https://github.com/processing/p5.js/wiki#google-summer-of-code-and-processing-fellowships
- Season of Docs https://github.com/processing/p5.js/wiki#season-of-docs
- https://github.com/processing/p5.js/wiki/Educational-Resources
- https://www.khanacademy.org/computing/computer-programming/pjs-documentation
- Khan Academy > Computer Programming > "Intro to JS: Drawing & Animation" https://www.khanacademy.org/computing/computer-programming/programming
- Khan Academy > Computing > Pixar in a Box https://www.khanacademy.org/computing/pixar
