Javascript – Animated elements

Állapot: Closed
Díj: $125
Beérkezett pályamű: 16
Nyertes: N1A10

Winner

A verseny összegzése

We have a platform that allows users to rate companies from 1 star to 5. One way to rate is to scan a QR code, typically in a store or a similar physical environment. Once the QR code is scanned, the user will be redirected to the mobile version of the profile including business-name, thumbnail picture and 5 five empty stars – ready for the user click on. We want to make this first page more interesting and immersive with animated objects. The task therefore consists of two parts: Beautiful animated load-in page, perhaps centered around the logo in the center, which then finds it way to the upper left corner (Other ideas are also welcome) 2. Stardust animation/explosion when user clicks on a star, leaving a satisfying feeling for the user. Load-in page is only for mobile(web), but click-effect should be applicible for both desktop and mobile. Link to page: https://reyta.fo/jos-1

See attached video, and please ignore/remove the logo in the bottom in your example (mobile version) – is should not be visible like currently.

Introvideo and inspiration-image for star explosion is attached here.
Inspiration JS:
https://codepen.io/enxaneta/pen/yvPmLo
https://mojs.github.io/tutorials/burst/#burst-2

Deliveries: html, css and js files.

Ajánlott készségek

Winner

Tegyen közzé egy hasonló versenyt

Nyilvános pontosítófelület

N1A10
- 1 év telt el
Rating demo can be viewed here: https://drive.google.com/file/d/1Mp_M4AeqD9o8cXXf4izHOmgftnnqAv16/view?usp=sharing
- 1 év telt el
N1A10
- 1 év telt el
Intro demo can be viewed here : https://drive.google.com/file/d/1Br5ri0PXn6OwVGMFhg7ndlw2ohZQgn4A/view?usp=sharing
- 1 év telt el
ItzMeJay
- 1 év telt el
json file is getting over 100mb when particles are in json can you use gif
- 1 év telt el
ItzMeJay
- 1 év telt el
WORKING ON IT
- 1 év telt el
N1A10
- 1 év telt el
#sealed
- 1 év telt el
nelancer0
- 1 év telt el
#sealed
- 1 év telt el