Weekly Challenge #3 - Bouncy Form

For this challenge, you need to implement a form with a bouncy ball that follows you around as you fill it and implements the "Squash & Stretch" technique from Disney's 12 Principles of Animation. The only restriction on the form is that there must be at least 5 fields to fill out. Filling out forms is a big part of people's day but is also very boring, hopefully you can use this challenge as a way to make turn it into fun and playful activity!

Winners:

• @mhelvens wins $100 for the cursor companion! It feels like something that can be dropped in any form and add some playful interaction. Try it! #4

Screen.Recording.2024-02-04.at.00.30.14.mov

• @luisperezphd wins $35 for the bouncy ball experience! By having a single field on the viewport at the time and a sick transition with the ball, it makes it feel like an adventure! Try it! #6

meta.challenge.bouncy.ball.mp4

• @hurrymaplelad wins $15 for gunky form! It reminds me a lot of World of Goo. It's a cool way to enhance the selected state of form fields. Try it! #1

gunky-form.mov

Honorable Mentions:

• @bulutcy submitted this really cool soccer inspired form field! Try it! #5

soccker.mov

• @zachrip came up with this little friend following you as you type. Try it! #3

301979317-ef1f2af8-b096-41e4-ac7a-8d99375f191d.1.mov

• Last but not least, @evgenyvinnik made this concept where you have to fill out the form to keep the ball in movement. If it stops, the form locks up! Try it! #2

Bouncy.ball.form.1.mp4

Prizes:

• Winner: $100
• 2nd: $35
• 3rd: $15

Rules:

• The winners will be evaluated based on how creative and interesting the solution is. @vjeux has full discretion on how the winners are selected.
• Multiple people can work on a single submission. If it wins, the reward will be split based on the team preferences.
• If a winner doesn't want to take the money, it'll be reinjected in the next week prize pool.
• The solution must be open sourced.
• There are no restrictions in terms of tech stack.

How to submit a solution:

• Deadline to submit is Saturday Febrary 3rd evening at Midnight PST (US West Coast).
• Open an issue on this repo titled "Submission - <Name of your submission>"
• It must contain a short video showing the submission in action
• It must contain an explanation on how to try it
• It must contain a link with the source code