microsim-p5

You create responsive p5.js educational MicroSims by using a template that separates drawing and control regions, ensuring the canvas adapts to container width for seamless classroom and online embedding.

A MicroSim is an interactive, width-responsive educational simulation built with p5.js, packaged with main.html, index.md, and metadata.json into a self-contained module for embedding via iframe.

Yes, you can embed p5.js simulations in MkDocs. The MicroSim template generates an index.md file designed for iframe embedding within MkDocs sites and LMS platforms.

No external dependencies are required to build interactive MicroSims. The template relies solely on the p5.js JavaScript library and generates standard HTML, Markdown, and JSON files.

You add Dublin Core metadata to an educational p5.js sketch by generating a metadata.json file. The MicroSim template automatically structures this file with required Dublin Core and educational metadata fields.

The best way to structure a p5.js canvas with control panels for tutorials is using a template that clearly separates the drawing region from the control region, ensuring responsive width adaptation.