Create two .JSON animations compatible with Lottie

Status: Closed
Prize: $250
Entries Received: 1
Winner: bogdan19

Winner

Contest Brief

Excuse the title of the project, we actually need 3 3D animations. The animations need to work with this mobile library Lottie https://github.com/airbnb/lottie-ios . The files need to have a .json extension.

The application in question is a gift giving app. When a wish is granted, we want to trigger an animation before showing the grantee what got granted.

1.) Animation 1 needs to be a genie lamp that animates into the screen

2.) Animation 2 needs to start with the genie lamp in the same screen position as the genie lamp in animation 1. Animation 2 will fade in and animation 1 will fade out. We need animation 2 to indicate to the user in some intuitive way that they need to rub the lamp in order to trigger the third animation. Animation 2 will sit on the screen forever constantly repeating from start to finish and then from finish back to start until the user finally rubs the lamp

3.) Once the lamp is rubbed, I will detect it via code and I will fade out animation 2 and fade in animation 3. Animation 3 needs to start with the genie lamp in the same screen position as the genie lamp in animation 2. Some cool effect needs to happen here to indicate that the genie lamp has been "activated". Something that involves smoke maybe? Maybe the lamp will shake and then smoke comes out from the spout of the lamp and then more smoke comes out from the bottom of the screen and then covers the entire screen? ... I am not sure what should happen with this animation, you can get creative with it :) Right before animation 3 ends, I will fade out the animation in order to show the granted item behind it... so I will be looking for animations that have an ending that makes sense to fade out via code

It would be cool if the genie lamp can have like a bow on it or something "gifty" if you will

I attached a json file called countdown. This one works on mobile so I am looking for a file that is formatted similar to this

I also shared a screenshot of the screen that the user will be shown after animation 2 ends

Here is a link to the app website http://giftgenie.co (please note that the genie lamp in the animations does not have to look like the app logo)

Recommended Skills

Winner

Post a Contest Like This

Employer Feedback

“Great job! Would hire again :)”

thegiftgeni, United States.

Public Clarification Board

afajeus
- 6 years ago
#guaranteed
- 6 years ago
bogdan19
- 6 years ago
also, please make this contest #guaranteed
- 6 years ago
View 1 more message
1. bogdan19
  - 6 years ago
  ok. I have been working with Lottie so you will get exactly what you wanted.
  - 6 years ago
2. Contest Holder
  - 6 years ago
  Ok, we are excited to see what you come up with
  - 6 years ago
MSNADY
- 6 years ago
#guaranteed #sealed please
- 6 years ago
1. Contest Holder
  - 6 years ago
  I am curious, how does #sealed help you?
  - 6 years ago
2. Contest Holder
  - 6 years ago
  And please check my response to @Bogdan about #guaranteed
  - 6 years ago
bogdan19
- 6 years ago
can you share some screenshots of the app?
- 6 years ago
1. Contest Holder
  - 6 years ago
  I attached a screenshot as well as a link to the app in the App Store
  - 6 years ago
bogdan19
- 6 years ago
I'm working on it.
- 6 years ago