3480 - Computer Graphics Project Idea
Andrew Manz
My idea is
Stretch and Squash Animated Boombox
The computer graphics elements I will focus on:
1. Textured primitives
2. Interaction of multiple objects
3. Stretch-And-Squash animation
4. Vertex Shadows
5. Transparent Textures
To demonstrate my study and research I will render:
1. A Textured Box
2. Custom mapped texture, created in Gimp
3. The render will be done in a style similar to that of a comic book
4. Cartoonish wiggle animation to simulate the boombox being on.
5. The Boombox will cast a transparent shadow on the base it sits on
A general idea of what I'm hoping to do is a stylized version of this: In this style:
Progress so far:
The texture that will be applied to the front of the boombox is this:
Progress on the bouncing box so far (11/17 and 11/24):
Progress on squish-and-stretch on the bounding box(11/25) - Selfie Dog used as placeholder temporarily
as the texture was giving me trouble:
Post Lab 15 progress: Faux 'shadow' showing what I expect the shadow to look like when it's done
Base texture for floor - bunch of shapes on a texture to better show transparency.
True transparent shadow box with base texture applied
Scratch math of the shadow size algorithm
The size of the triangle that connects the lightsource to the top of the box is directly
proportional to the triangle that connects the side of the box to the floor.
Working Shadow algorithm in action:
Double-Shadow based on height of bottom and top of box
Clipping issue with the two shadow components (Z-Fighting)
Fixed Z-fighting with double shadow
Roadmap:
- Resize box to correct size (Complete)
- Map image to front (Complete)
- Warp image on front (Complete)
- Begin working on stretch-and-squash animation (Complete)
- Clean up animation (Complete)
- Add Floor (Complete)
- Add Shadow box (Complete)
- Make Shadow box transparent (Complete)
- Apply Ground Texture (Complete)
- Add Ambient Lighting (Complete)
- Get ready for presentation (Complete
Lab-15 work done
Gonna try to get the texture map to work correctly (Complete)
Correct image now bound to side of box
Final work done:
Labs:
The image from my lab-8 is as follows:
The animation from my lab-6 is is as follows:
The image for my lab-8 homework is as follows: