Widget:P5js

La versión para imprimir ya no se admite y puede contener errores de representación. Actualiza los marcadores del navegador y utiliza en su lugar la función de impresión predeterminada del navegador.

Este widget permite embeber sketchs realizados en el editor online de p5js en esta wiki mediante la incorporación de un iframe que debe tener las mismas dimensiones del sketch. Si desear ingresar código P5js directamente en la página debes usar este widget.

Instrucciones

En el editor P5js, seleccione del menú superior: File > Share
Seleccione la opción Present de la ventana emergente. Esta opción presenta exclusivamente el trabajo a pantalla completa
Copie esta URL
Defina width y height para darle un tamaño a la ventana

Las URLs par compartir tienen el siguiente formato: q_4p3Vxjy

Uso

{{#widget:P5js
|url = https://editor.p5js.org/hspencer/present/59qQvsx1m
|width = 900
|height = 400
}}

¿Qué pasa si quiere vincular el código junto con el sketch?

En ese caso, basta con cambiar la palabra present por la palabra sketches en la URL
No es necesario definir width (default = 100%) o height (default = 800) pero puedes variarlo si es necesario

Ej:

{{#widget:P5js|url = https://editor.p5js.org/hspencer/sketches/q_4p3Vxjy}}