Interactive animations for website.

Forum|Forum|4 years ago
August 9, 2021
2 replies
1581 views

Hello!

So I can create animations with CH and put it on a video.

Is there a way that I can create an interactive animation triggers and host it in a website? If so, how do I go about to do this?

I would like to have my drawings which I create in Illustrator show up in a web page with trigger buttons on the side. When the visitor clicks a trigger button I want the drawing to do a set of animations in relation to the drawings.

I know this is beyond of what CH is made for, but I suppose it can be done. Would anybody have any advise on how to accomplish this?

How to

This topic has been closed for replies.

TheOriginalGC

Community Expert

Perhaps the easiest approach is something like the "Choose Your Own Adventure" books where certain branches of the story are selected based on the player's choices. The extremely popular "Dragon's Lair" game did something like that way back in the 80's where clips were loaded specifically based on the user's actions. In that videogame, there usually was only one correct choice and all other choices resulted in a nasty death scene. I believe something simple like that could be set up using JavaScript and HTML5. W3 Schools and Linked-In Learning (available for free from your local library as Lynda.com) offer a lot of online tutorials for a great many subjects.

alank99101739

Legend

There was some library around in beta many years back, but nothing else I know of. So I don't think any magic integration is available for interactivity etc.

I tried to create a Google Assitant app with Ch characters (for fun). I was trying to do a q & a game where someone interacted with a character. The approach I ended up with was just to pre-record various video clips and play the correct clip at the right time. Just use Ch to create the video clips. So on your website, buttons just make a different video clip play. Then your website does not need any ch integration at all, making life much easier.

But as soon as the character has to interact specifically with something based on user input, life gets much harder. I gave up. You need more like something in JavaScript or CSS animations etc. There is no special Ch support for that that i can think of.

E

elindo586Author

Inspiring

Yes, I was thinking if I could interact a "play button" to play different videos for animation it would work. Still may required some sort of code integration to a website... and the hosting of the videos which will need to increase to a bigger hosting package.

I know Adobe Flash was an app (Now dead I think) that was used to play games. I never used it and I am not familiar with it.

Now, if coding is needed to play the videos.. then that is a good excuse to be further interested on how to animate stuff directly in the website. Bisides, I am also interested in learning a bit more of coding..

alank99101739

Legend

It depends on how fancy you want to get. One easy approach for example is upload videos to YouTube with a static thumbnail image of the diagram (I think you can mark the video as to not include in search indexes.), then drop the video links into a WordPress site. I think it will show the static image. They just click play on the video.

Depends how fancy you want to get. But WordPress and similar has lots of widgets you can just use if you don't want to write your own. (Or Wix or Squarespace or ...)

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded