Ranged Enemy Animation - UQdeco2800/2022-studio-1 GitHub Wiki

Link back to the main page

Contents

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] image

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.

Wave animation pixil-gif-drawing

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.

Pixilart Sprite Sheet pixil-gif-drawing (1)

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

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]image [3]image

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.

front clear back clear eel_anim_texture

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