“Teachable Machine:Snake” - Browser freezes, restarts: Too much memory used via html5 "canvas" objects?

“Teachable Machine:Snake” - Browser window freezes., restarts Too much memory used via html5 "canvas" objects?

THANKS FOR THE GREAT TUTORIAL(S)!!!

First of all: Thanks a lot for "Coding train's" brilliant tutorials – they are extremely helpful and perfectly structured to provide a "machine-learning" as well as "ml5 js", "p5 js" beginner such as me with footage & the knowledge behind it!

MY PROBLEM (APPLE MACBOOK PRO & IPHONE)

“Teachable Machine:Snake” https://editor.p5js.org/codingtrain/sketches/tqoOkW_ai

Whilst running the tutorial: Browser window ... MacBook Pro/Safari Browser • automatically reloads • message "This web page was reloaded because it was using significant memory" IPhone XS/Safari Browser • freezes

"BUG-TRACKING TRIES"

Tracking some of the Webpage's elements (Apple Macbook Pro / Safari's Webdeveloper tool)

high amount of canvas objects

make runtime footage very large
Continiously created

Searching for the "canvas-object-creator" : I am not sure, probably "snake.js / function classifyVideo()" called ... • several times per frame • via "function gotResults(error, results) {"

"BUG-FIXES"?

Just assuming that this might help –

How can i

delete all "obsolete, unused canvases" keeping just the current, displayed canvas? or
avoid constant new canvases (using just one canvas)?

I tried to find more "bug-related" information but did not succeed in fixing the problem yet

Google, stackexchange: "Delete Canvas object", "Too many Canvas objects"
w3schools: "html5_canvas"

Please help a digital noob (me!): Any hint is greatly appreciated!

Best Regards Marc

CodingTrain / website-archive

“Teachable Machine:Snake” - Browser freezes, restarts: Too much memory used via html5 "canvas" objects? #3078