What the cow doing!?

Inspiration

The main inspiration for this project is the hit mobile game "Kick the Buddy". Me and my cousin used to play it all the time, and since it got heavily monetized with ads, I haven't been able to find a good alternative to fidget with. That's why, I decided to create this wacky, dank, weird and borderline abusive simulator to soothe my fidgeting needs.

What it does

The website basically renders a cow model, then there are various settings for the user to play with, from scaling, squishing to outright morphing the cow into unholy shapes.

How we built it

I built it using the popular three.js library, bundled using Vite and deployed on Vercel. The order of coding was cow -> basic transformations -> morphing, as I has to use Blender for morphs. For the settings, I used lil-gui, a fork of dat-gui, which is highly integrated with three.js

Challenges we ran into

The biggest challenge for me was definitely the learning curve of three.js. As I haven't touched 3D web rendering before, I had to speedrun learning the core concepts first, and even then, there were still some code that I don't understand how it works, unfortunately.

Accomplishments that we're proud of

I am very proud of being able to morph the cow into a cube. It was the first time I integrated Blender into my coding workflow, and on completion, it felt like killing two birds with one stone.