Skip to content

Instantly share code, notes, and snippets.

@t2psyto

t2psyto/p5js_test.html

Forked from jeremy886/p5js_test.html
Last active December 27, 2020 18:49
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save t2psyto/7b5e08c4d216cfb8d79a86d676be0642 to your computer and use it in GitHub Desktop.
Save t2psyto/7b5e08c4d216cfb8d79a86d676be0642 to your computer and use it in GitHub Desktop.
Download ZIP
Brython p5.js test
Raw
p5js_test.html
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.11/p5.min.js"></script>
<script type="text/javascript"
src="https://cdn.rawgit.com/brython-dev/brython/master/www/src/brython.js">
</script>
<script src="https://cdn.rawgit.com/brython-dev/brython/master/www/src/brython_stdlib.js"></script>
</head>
<body onload="brython(1)">
<script type="text/python">
from browser import document, window, alert
def sketch(p):
def setup():
p.createCanvas(700, 410)
p.background(0)
p.rectMode(p.CENTER)
def draw():
# p.background(0)
p.fill(255,255,0,128)
p.ellipse(p.mouseX,p.mouseY,50,50)
def mousePressed():
p.background(0)
p.setup = setup
p.draw = draw
p.mousePressed = mousePressed
myp5 = window.p5.new(sketch)
</script>
</body>
</html>
Raw
p5js_test_videocapture.html
<html>
<head>
<script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.16/p5.min.js'></script>
<script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.16/addons/p5.dom.min.js'></script>
<script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.16/addons/p5.sound.min.js'></script>
<script type="text/javascript" src="https://cdn.rawgit.com/brython-dev/brython/master/www/src/brython.js"></script>
<script type="text/javascript" src="https://cdn.rawgit.com/brython-dev/brython/master/www/src/brython_stdlib.js"></script>
</head>
<body onload="brython(1)">
<script type="text/python">
from browser import document, window, alert
p5 = window.p5
def sketch(p):
p.capture = None
def setup():
p.createCanvas(390, 240);
constraints = {
"video": {
"mandatory": {
"minWidth": 320,
"minHeight": 240,
"maxFrameRate": 5,
},
"optional": [
{ "minFrameRate": 5 }]
},
"audio": False
}
p.capture = p.createCapture(constraints);
p.capture.size(320, 240);
#p.capture.hide();
def draw():
p.background(255)
p.image(p.capture, 0, 0, 320, 240);
p.filter('INVERT');
p.setup = setup
p.draw = draw
myp5 = window.p5.new(sketch)
</script>
</body>
</html>
@heerdyes
Copy link

brilliant! i just had to add evt as a parameter to mousePressed and it's working fabulously!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment