Published unlisted
Edited
Dec 13, 2020
Fork of Py5.js
Insert cell
md`# py5js (not working)`
Insert cell
html`<canvas id="canvas1"></canvas>`
Insert cell
Changed in fork
sketchCode = ` def setup():
-
createCanvas(800, 400)
+
createCanvas(${width}, 400)
def draw(): background(0)
+
fill(200,100,0) rect(${width/2},100,200,200) fill(10,100,0) ellipse(${width/2 - 100},100,100,50)
`;
Insert cell
Insert cell
pyodide.runPython(`
import io, code, sys
from js import pyodide, p5, window, document
`);
Insert cell
Changed in fork
-
pyodide.runPython(py5js(sketchCode, "canvas1"))
+
canvas = html`${pyodide.runPython(py5js(sketchCode, "canvas1")).canvas}`
Insert cell
pyodide = {
window.languagePluginUrl = "//pyodide-cdn2.iodide.io/v0.15.0/full/pyodide.js";
return new Promise((resolve) => {
require('//pyodide-cdn2.iodide.io/v0.15.0/full/pyodide.js').catch(() => {
window.languagePluginLoader.then(() => {
resolve(window.pyodide);
});
});
});
}
Insert cell
require('p5').then(p5 => window.p5 = p5);
Insert cell