Ranged Enemy Animation - UQdeco2800/2022-studio-1 GitHub Wiki
Contents
- Tail Inspiration
- Initial Sketches
- Low Fidelity Sketches
- Medium Fidelity Sketches
- Medium Fidelity Feedback
- Hand Inspiration
- Final Design
- Image References
Tail Inspiration
The image below is a sprite sheet of a cat running. In this image inspiration was taken from the the natural wave like movement of the tail
[1]
Initial Sketches
An initial sketch of the movement of the tail in 2d was created to gain a better understanding of the transition between frame and refine the look of the tail we aimed to achieve in later designs.
Low Fidelity Sketches
In the low fidelity sketch, the tail on the eel image itself was animated however not shaded to reduce complexity in earlier designing stages. To make the tail move realistically a point on the tail (represented by the blue line) was made and all animations stemmed from that point on the eels body.
Medium Fidelity Sketches
The low-fidelity sketches were a large inspiration for the medium-fidelity product. The aim for the medium-fidelity product was to . Changes from low to medium fidelity are based on studio feedback and achieving studio cohesion in design for characters. These include:
- Reduce frame number
- Slower frame rate
- Adjusted canvas size
Medium Fidelity Feedback
Detailed results and analysis are provided in:
The main changes to the design were:
- Introduce hand animation
- Reduced frames further
Hand Inspiration
Images of animated fire were used as inspiration for the eel's hand in attempt to achieve a magical, powerful look to the character. Attention was surrounded around how the shape of the fire changed per frame.
[2] [3]
Final Design
Changes based on the medium fidelity feedback and validation as supplied above were applied to produce the final eel projectile design for sprint 2.
External Feedback and Validation
External feedback on the final designs were conducted to gain an unfamiliar user opinion. These results can be found below and the feedback improved upon in following sprints.
Image References
[1] https://depositphotos.com/vector-images/animal-sprite.html
[2] https://www.shutterstock.com/image-vector/fire-animation-sprites-vector-flame-video-1277247115
[3] https://www.freepik.com/premium-vector/cartoon-fire-flame-sheet-sprite-animation-set_5497878.htm
Link back to the top is here