An online puzzle for family and friends. This is still a work in progess but the app should be relatively stable and playable in Chrome, Safari and on iPad or mobile devices.

Try it out!

Mouse (+Keyboard) or Touch is all fully supported.

🟢 Chrome - Good FPS;
🟢 Safari - Good FPS;
🟢 iPad - Good FPS, won't load images sometimes;
🟢 Mobile - Good FPS, screen size not ideal;
🟡 Edge - To be determined;
🔴 Firefox - Really bad FPS;

Run npm install followed by npm start and you should be good to go!

• Frontend Stack: [HMTL, CSS, Typescript, P5.js];
• Backend Stack: Firebase for realtime communication;
• Paradigm: Mostly OOP, with some helper functions;
• Modules: Configured to run "module-less";
• Class Diagram: Slightly outdated, but communicates the gernal architecture of the codebase:

• Determine if a point is inside a curve
• Fill p5 shape with image
• Find Bezier Points
• Zoom effect with p5
• Rotate points around origin
• Transformations in p5