Highlighted

How to animate objects after being clicked on multiple times?

New Here ,
Jan 26, 2018

Copy link to clipboard

Copied

Hey guys,

I have a website animation idea that I need help with.

I want to have a vector image of an egg that, once clicked on many times by the user, cracks slowly in bits each time the shell is clicked, then falls to either side of the centre of the screen, where the user can then enter the website. So it's kind of like animation integrated with user interactions.

I've spent so many hours trying to figure out if I can create this through overlapped vector image keyframes that are hidden in layers and revealed as they are clicked on, but can't make anything work!

I'd love some help!

Cheers,

Trin

Most Valuable Participant
Correct answer by Mylenium | Most Valuable Participant

That would require an interactive SVG with suitable code that counts the clicks.

Mylenium

Views

97

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

How to animate objects after being clicked on multiple times?

New Here ,
Jan 26, 2018

Copy link to clipboard

Copied

Hey guys,

I have a website animation idea that I need help with.

I want to have a vector image of an egg that, once clicked on many times by the user, cracks slowly in bits each time the shell is clicked, then falls to either side of the centre of the screen, where the user can then enter the website. So it's kind of like animation integrated with user interactions.

I've spent so many hours trying to figure out if I can create this through overlapped vector image keyframes that are hidden in layers and revealed as they are clicked on, but can't make anything work!

I'd love some help!

Cheers,

Trin

Most Valuable Participant
Correct answer by Mylenium | Most Valuable Participant

That would require an interactive SVG with suitable code that counts the clicks.

Mylenium

Views

98

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Jan 26, 2018 0
Most Valuable Participant ,
Jan 27, 2018

Copy link to clipboard

Copied

That would require an interactive SVG with suitable code that counts the clicks.

Mylenium

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 27, 2018 1