Sticky play/stop buttons in reference code examples

[ksen0]

Increasing Access

The make p5.js reference more usable, sticky play/stop buttons would help users run sketches without having to scroll.

Most appropriate sub-area of p5.js?

Reference

Feature request details

For example: https://beta.p5js.org/reference/p5/beginContour/ contains longer examples.

But when the user scrolls to edit the latter part of the sketch, the preview and play/stop controls are no longer visible:

This issue is about making the sketch square and the play/stop visible. PR should contain tests where possible.

[ksen0]

This feature is baed on a April 27, 2026 discussion in the p5.js-website workign group on the discord.p5js.org. This issue is currently reserved for CodeDay microinternship. Thanks for understanding!

[Vonna9]

Hello, I am with codeday and my team and I would love to work on this issue.