Widget:P5js

De Casiopea

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

  1. En el editor P5js, seleccione del menú superior: File > Share
  2. Seleccione la opción Present de la ventana emergente. Esta opción presenta exclusivamente el trabajo a pantalla completa
  3. Copie esta URL
  4. 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}}