hwang26 / image-classifier

Frontend Interface for ml5.js DoodleNet classifier
0 stars 0 forks source link

Drawing Pane + Sidebar #10

Closed hwang26 closed 2 years ago

hwang26 commented 2 years ago

Drawing Pane Acceptance Criteria:


Sidebar Acceptance Criteria:


Reference

https://github.com/CodingTrain/website/blob/main/learning/ml5/9.1-doodlenet/mouse/sketch.js

https://www.youtube.com/watch?v=ABN_DWnM5GQ&ab_channel=TheCodingTrain

hwang26 commented 2 years ago

Ran into some difficulties with handling render.

Mostly, I'm unsure how to selectively rerender the judges but keep the pane the same.

If I wish to proceed, I'll probably have to do a dive into the references here.

References: https://github.com/PARC6502/basic-p5-react https://github.com/atorov/react-hooks-p5js https://github.com/atorov/react-p5js-flocking-boids-demo

hwang26 commented 2 years ago

Scratch the previous comment. I was able to make it work with what we have.

hwang26 commented 2 years ago

Reworked the final look and replaced the "Save" button with a "Refresh"