Add preview controls to resize the sketch canvas

[Geethegreat]

Increasing Access

Currently, changing canvas size requires editing createCanvas() and restarting the sketch.
For quick visual iteration, this can feel slow especially for beginners and students.
Preview-level controls provide immediate feedback and make experimentation easier.

Feature request details

I’m proposing a small UI improvement to the Preview panel that adds + / − buttons to resize the sketch canvas while it is running.

What the feature does

• Adds resize controls in the Preview header

• Resizes the active canvas live using resizeCanvas()

• Does not reload the sketch

• Does not modify user code

• Resize is temporary and resets on re-run

Limitations

• Resizes width and height equally

• Applies to the active sketch canvas

• Desktop preview only for now

I’d love feedback on whether this interaction fits the editor UX and whether resizing should remain temporary or persist across runs before opening a PR.

canvas-resize2.mp4

[Geethegreat]

I kept the current implementation pretty minimal on purpose temporary resize,
no code changes, and only on the non-logged-in editor just to see if the basic
interaction makes sense first.

Let me know what part you’d like to focus on first.

[raclim]

Thanks so much for proposing this idea!

After giving it some thought and time for anyone who might have interest in this issue, I think this might not be needed at the moment since the canvas can be resized using the createCanvas() method. Although it could potentially be helpful to add in a feature for automatic resizing, I think to help maintain the simplicity of the UI and encourage users to explore manipulating the canvas through the editor, leaving the the current implementation might be best.

I'm going to close this issue and PR for now, but am definitely open to revisiting if we want to make updates to the UI or if there are more requests for it in the future!