Widget:P5js
Qué hace
Muestra un sketch publicado en el editor de p5.js, a partir de su dirección.
Sintaxis
{{#widget:P5js|url=DIRECCIÓN_DEL_SKETCH}}
Con todos los parámetros:
{{#widget:P5js|url=DIRECCIÓN_DEL_SKETCH|width=900|height=400}}
Parámetros
| Parámetro | Obligatorio | Valores | Por omisión |
|---|---|---|---|
url |
Sí | Dirección de tipo present del editor de p5.js | — |
width |
No | Ancho en px o % | 100% |
height |
No | Alto en px | 800 |
style |
No | Estilo CSS | — |
class |
No | Clase CSS | — |
Ejemplo
{{#widget:P5js|url=https://editor.p5js.org/USUARIO/present/ID_DEL_SKETCH|height=400}}
En la wiki, debajo del código se ve el resultado funcionando.
Requisitos y privacidad
En el editor de p5.js, usa File › Share y copia la dirección de tipo «present».
Cómo usarlo
Los pasos, con ejemplos, están en Incrustar video, audio, código y 3D y en Tu primer sketch en Casiopea.
Relacionados
Por verificar en la wiki
- Diferencias entre las direcciones present, full y sketches.
- Probar el ejemplo en la wiki local y anotar la fecha de verificación.