Es probable que esto solo funcione con programas simples, ya que Processing en la página esté desactualizado.
Entramos en OpenProcessing
Debemos crear una cuenta, dándole al botón «Join», si ya tenemos cuenta, «Sign in»
Una vez dentro le damos a Create a Sketch o entramos en el siguiente enlace:
Deberíamos ahora estar situados en esta ventana.
Importante: A la derecha donde pone «Engine» cambia de P5js a Processingjs
A continuación debes copiar tu código y sustituir lo que hay escrito.
Voy a realizar un ejemplo con la rejilla:
Con el codigo pegado y modo «Processingjs» le damos a play (arriba) para comprobar que funciona, y acto seguido a Save en la esquina derecha superior.
En caso de que no funcione o se modifica el codigo o se utiliza otro metodo.
Ahora en la nueva pestaña debemos cambiar el titulo y darle a guardar.
Volveremos a la misma pagina pero arriba aparecerán varios botones.
Le damos al de la derecha, que es para compartir y donde dice «Embed» le damos a Click to copy
Ya tenemos copiado lo que necesitamos incrustar en blogger.
Solo nos queda ir a configuración de la entrada (a la derecha) y en Opciones poner «Interpretar HTML escrito».
Pegas el codigo de antes y listo.
EXTRA: Si quieres cambiar el tamaño con el que se muestra el sketch (sin excederse) en el codigo copiado cambia donde pone width y height por algo moderado:
<iframe src=»https://www.openprocessing.org/sketch/786102/embed/» width=»300″ height=»400″></iframe>
pasa a
<iframe src=»https://www.openprocessing.org/sketch/786102/embed/» width=»600″ height=»600″></iframe>