Overview
For the final project in my Computer Graphics class, we had the opportunity to create either a short game or short animation using WebGL and three.js. Since I've always loved animation, I chose to go the animated route.
I came up with a simple story of daydreaming where the character will be in a open nice field and suddenly the character is in a dark room. I have ideas for the shots I want, but I might change them if they prove a bit too difficult.
Progress Log
I thought it would be nice to provide a ongoing log with the progress I've made so far and talk about changes I might have made.
April 28, 2026
To create my character, I used blender! This was my first ever using it, so it took me TWO days to create my character... I first created a really simple reference using Vectorpea, an open source program for vector drawings. I then imported it to blender and followed this wonderful tutorial to model my character! The texture painting was a bit too complicated for me at the moment so I followed this tutorial to texture paint!
Please ignore the positioning... (This will become a problem later )
April 29, 2026
After modeling my character, I also created simple animations so I can use it in Three.js! First, I had to rig my model. I spent WAY TOO MUCH time stuck on this... Turns out my model was scaled really big so my bone was scaled too small. (Spent like two hrs on just this issue btw) From there, things went more smoothly. By following this tutorial, got my rig ready! Now for saving different aniamtions, I used this tutorial!
Now everything is ready to be exported as a gltf file! Now we code our scene using Three.js!