becoming 2

web improvement

From Shelf to Soup

In this project, I had to do four animations using SpriteSheet and JavaScript. I made my animations about what it’s like to be a ramen ingredient, as well as how we make it.

I did the first animation using SpriteSheet to show the ingredients all happy and winking. For the second animation, I used a JavaScript loop and changed the opacity of the flames to show that it is heating up. The third animation, I used a JS library to make the egg rotate 360 degrees to show how excited the egg is to the point where he started doing backflips. Finally, for the last animation, I used SpriteSheet to show the steam and the ingredients enjoying themselves in the sauna, which is the ramen bowl.

Feedback and Suggestions

  • Change the background and the font
  • The texts are too small, it makes it hard to read
  • The layout needs 'something' to make it interesting
  • The subtitles could be a bit bigger
  • The title could be bigger and more interesting, could probably use a decorative font
  • Put more graphic elements on the header and add some animations/effects
  • case study

    Personal Project

    In this project, I had to do four animations using SpriteSheet and JavaScript. I made my animations about what it’s like to be a ramen ingredient, as well as how we make it.

    I did the first animation using SpriteSheet to show the ingredients all happy and winking. For the second animation, I used a JavaScript loop and changed the opacity of the flames to show that it is heating up. The third animation, I used a JS library to make the egg rotate 360 degrees to show how excited the egg is to the point where he started doing backflips. Finally, for the last animation, I used SpriteSheet to show the steam and the ingredients enjoying themselves in the sauna, which is the ramen bowl.