Advanced Topics
These reference pages highlight some of the more advanced features of p5play.
You should probably read the other reference pages first!
Canvas
The Canvas
class is a wrapper around p5play's version
of the p5.js createCanvas
function, which is used to
create an HTML5 canvas element. p5play's version also provides a few
extra features.
If no parameters are passed to new Canvas()
, it will
create a canvas that fills the entire window.
Use canvas.w
and canvas.h
to get the width
and height of the canvas.
You can also pass an aspect ratio to the Canvas constructor. This
will create the largest possible canvas that fits within the window,
while maintaining the given aspect ratio. For example,
new Canvas('2:1')
will create a canvas that is twice as
wide as it is tall.
pixelated mode
Another added feature is the "pixelated" preset. Use it for making 8-bit or 16-bit style retro games!
By default, the "pixelated" preset scales the canvas to fit the screen while retaining its aspect ratio, but you can also define a custom scale by passing a multiplier after the preset name.
For example, "pixelated x2" will create a canvas that's displayed at twice the size of the specified width and height.