BadUI banner

BadUI

3 devlogs
7h 31m 27s

(purposefully) Bad UI, double-dipping with Borked. Play Plinko to input a phone number!

Loading README...

Pedro B.

Shipped this project!

Hours: 7.52
Cookies: 🍪 129
Multiplier: 17.15 cookies/hr

Shipped!

Was fun trying to make something purposefully bad, and also it allowed me to be lazy with CSS styling, which I am genuinely, atrociously bad at, which should lend it some credence as Bad UI (tm). I also flaked out of the Accelerate YSWS very early, so writing this little “Plinko Engine” (engine doing a lot of heavy-lifting there) felt vindicating, like, see, I can do physics, kind of, just don’t drop the ball straight down, but just kidding I hard-coded it so you couldn’t, so I win, actually. Freakin’ owned B-)

But yeah fun short project.

Pedro B.

Done!

Here is the whole website working, complete with all Hole types, end screen, and a How to Use blurb (not AI, if you would believe it. I love typing droll, sarcastic, long-winded paragraphs…)

0
Pedro B.

Added a way to release the plinko ball manually, a direction preview, and a way to reroll “holes.”

Also, speaking of, most “holes” are in! Each hole does a specific thing when the plinko ball lands on it, depending on its type.The types are:

  • 0-9: Number hole, adds a number to the input box;
  • (empty): Blank hole, does nothing;
  • ❌: Erases a single character;
  • đź’Ł: Erases EVERYTHING!
  • âś…: Submits the form

Colors (really, the styles in general) are temporary…

It’s probably impossible to actually put a phone number in, but, hey, they did ask for bad UI :-)

0
Pedro B.

Basic Plinko physics (hand-rolled, this is just an HTML canvas…) The goal is to have holes with numbers at the bottom, and where the ball falls will be the number that is typed >:-D

I also want to do some special/bonus holes too, that would, for example, allow you to type a number, delete a character, start over, etc.

0