Mogged
sorry for the lackluster devlog quality, my >4k char devlog was js deleted and i’m pissed
inspo
a very chopped aquantience couldn’t believe how chopped he was and I wanted to prove it to him. however, he didn’t want to go into an omoggle match w me so I needed something that supported image upload
motivation
popular websites that do an omoggle-style ranking either are not accurate to omoggle or send your photo off-device to a vLLM or server, which I don’t want
criteria
- both image and photo support
- privacy first all local on-device scoring
- accurate to the two popular mogging platforms I found, mogwars and omoggle
research
- found an excellent (althrough made by ai) writeup on omoggle. This shows that Omoggle uses Google’s Mediapipe FaceLandmarker. I knew the data fed into an algorithim but I didn’t know how the facial data was turned into a score
- so I got a codex agent to analyze the bundled JS of omoggle and mogwars to reverse-engineer the scoring mechanism. It came back with the following:
- that both websites use the same metrics but process them differently into a score
- the way metrics (symmetry, jawline, etc.) are calculated from the landmarks
- and how each platform uses them
for sake of brevity (character limit) I will not be describing exactly how each platform works nor how the metrics are calculated in specific, for those interested, check out src/lib/scoring. I promise I’m not larping, I actually understand how it works lol.
implementation
I then took all of that as well as some Google-given examples for the landmarking API and created a new NextJS + Shadcn + Tailwind v4 project. I first wrote the landmarking system and then the scoring system based on the output of the landmarker. After, I made a temporary UI with google stitch and got codex to wire everything together.
demo
available at https://mogged.eli.best