Hi, I developed several games using P5.js and I managed to make them work around 60fps. Sadly, I discovered that they’re working around 10fps on a lot of browsers including recent versions of chrome and safari. Here is a very short sketch that display framerate. http://pleaseletme.help/framerate/ …

The sketch that you linked to gives me a rate of 60fps on both chrome and firefox. Maybe that’s oversimplifying your games sketch? Do you have nested for loops in your game where you’re making a lot of comparisons for collision detection perhaps? That could slow down your sketch by a lot.

When you post to multiple sites, please link between those posts so we can see what help you’ve already received. This has also been posted here: [Colin Thil] P5.js sketch has terrible framerate on chrome javascript, html, p5.js asked by Colin Thil on 1…

Hi, thanks for your answer ! The browsers that give me a low frame rate can’t run this sketch either at more than 9fps in full page (latest builds of chrome and safari for me), almost the same as for my games. Which version of chrome are you using ? Mine is 66.0.3359.181. Just in case, here is an…

Hi, You’re right, I’ll do it now. Thanks !

I’m also getting 60fps in FF & Chrome. I cant imagine with the above code why you’d be getting 9fps. Perhaps a more detailed sketch more related to one of your games could offer some insight?

Hi @bmoren . I’m glad to see that most people here can run the sketch correctly. Which version of chrome are you using ? I noticed that the issue doesn’t seems to be related to the sketch itself since the browsers who can run this one can also run my games with almost the same framerate. You can try…

191 runs very fast and fluid for me on 66.0.3359.181 (Official Build) (64-bit). This sounds like you could possibly be experiencing a general browser issue that isn’t Processing-specific. For example, you might have a ram-hogging plugin installed? Have you tried other non-Processing-specific resour…

Hi @jeremydouglass . Thanks for testing 191° :relaxed: Now the framerate is ok on my chrome browser. Since I didn’t make any change, I suspect some browsers to have a different way to work with memory. Maybe the activity on the computer behind could be involve ?

[image] colin: Maybe the activity on the computer behind could be involve ? Yes – your computer has limited RAM, and you have a lot of browser tabs open or are running a lot of different applications in the background then your application may slow down.

On the framerate app it hovers around 11 or so fps but it is highly eratic going from 30 to 7 back to 20 rapidly. On the game the frame rate is between 1-9, often freezing or dipping below 1fps.

P5.js sketches with terrible framerate on chrome

p5.js Coding Questions

matthewjohnjamieson July 1, 2018, 5:41am 16

I was having performance problems with p5.js sketches on my El Capitan Macbook Pro, but resolved them by upgrading to High Sierra. Here is a link to the thread:

Topic		Replies	Views
Performance issue: p5.js crushing my CPU (possible retina issue?) p5.js	12	3623	June 19, 2018
P5 crashes chrome p5.js	16	4572	August 26, 2018
This simple sketch runs much faster on p5.js (60fps) than Processing/Java (5fps) Processing	6	521	July 17, 2021
Why does this Javascript sketch lag compared to the Java sketch? Coding Questions	3	636	May 20, 2020
Why is my p5js code is too slow after I upload it Beginners homework	5	286	December 1, 2022

P5.js sketches with terrible framerate on chrome

Related topics