FRONT END PROBLEM
Unanswered
Peterbald posted this in #help-forum
PeterbaldOP
Hello my developers, I need your help!
I have an idea of making a Pomodoro app in React Native with Native Wind (just a project for myself). While studying,g I came across this YouTube lofi-playlist and came across this thumbnail 👇.
I want to make something like this coffee cup and make it my visual timer . I want the coffee to slowly empty.
I'm not too worried about the logic part, like the timer, start, stop, and reset. It's the steps of recreating this image from the glass, the ice, and the coffee and linking it to functions- basically a dynamic image?.
I have an idea of making a Pomodoro app in React Native with Native Wind (just a project for myself). While studying,g I came across this YouTube lofi-playlist and came across this thumbnail 👇.
I want to make something like this coffee cup and make it my visual timer . I want the coffee to slowly empty.
I'm not too worried about the logic part, like the timer, start, stop, and reset. It's the steps of recreating this image from the glass, the ice, and the coffee and linking it to functions- basically a dynamic image?.
2 Replies
@Peterbald **Hello my developers, I need your help!**
I have an idea of making a __Pomodoro app__ in React Native with Native Wind (*just a project for myself*). While studying,g I came across this YouTube lofi-playlist and came across this thumbnail 👇.
I want to make something like this coffee cup and make it my __visual timer__ . I want the __coffee to slowly empty__.
I'm not too worried about the logic part, like the timer, start, stop, and reset. It's the steps of __recreating this image__ from the glass, the ice, and the coffee and linking it to functions- *basically a dynamic image?*.
you have bunch of options but nothing is easy:
- create a spritesheet and render accordingly
- create a bunch of png/svgs and transition between them
- use after effects, create this inside it and use lottie to render
- use rive and use its statemachines to render this(I would go with this as its quite easy)
- create a spritesheet and render accordingly
- create a bunch of png/svgs and transition between them
- use after effects, create this inside it and use lottie to render
- use rive and use its statemachines to render this(I would go with this as its quite easy)
@Yi Lon Ma you have bunch of options but nothing is easy:
- create a spritesheet and render accordingly
- create a bunch of png/svgs and transition between them
- use after effects, create this inside it and use lottie to render
- use rive and use its statemachines to render this(I would go with this as its quite easy)
PeterbaldOP
Thanks! Super fast response! All these new things I gotta look up and see. Hopefully, I won't get analysis paralysis