Kicking Off Development with p5.js
Week 8 This week marked the beginning of the development phase for the NeuroMap app using p5.js. Based on the storyboard and user flow shaped in previous weeks, I started with building the core interactive puzzle feature. Progress This Week: Built the puzzle framework using p5.js : Build a puzzle function framework in p5.js: This week's key breakthrough is to realize the function that the system can automatically cut the photos uploaded by users into puzzle pieces. In this process, I tried different cutting algorithms. The first two successful attempts failed to correctly reassemble the puzzle due to coordinate misalignment and image blur. Finally, the third attempt achieved accurate cutting and restoration of puzzle pieces. Developed drag-and-drop interaction: I implemented a basic dragging mechanism and added interactive feedback effects (such as mouse hover highlight) to puzzle pieces. This helps improve visual recognition and operation feedback for elderly users. In orde...