- [Voiceover] In this course, we'll design two main projects: an interactive, animated web banner and a stateful nested interactive, almost like a little game. Let's have a quick look at these projects before moving on. You'll notice that both of these interactives are part of a larger website. At the end of this course, you'll also see how to use multiple animate projects within one webpage. The first project we have here is the Mystery Garden web banner. And you'll notice, as I move my mouse cursor around, we have a lot of things that move along with it such as these bushes.
And also, the eyes of this bug will follow my mouse cursor. The bug is also interactive. I can click on him, and he gets scared and hides. In addition to this, if I refresh the page, you can see that there's a bit of animation that happens initially. The second project is this three-state interactive. This first state has you exploring and looking for the hidden path. (beep) The second state involves entering an abandoned shed.
(brr, brr, brr) (brr, brr, brr) (sound of heavy door opening) And finally, the third state asks you to locate the secret key. You can't locate it without this axe right here. (clink, clink, clink) (alarm ringing) There it is. In addition to all this, both of these projects in the website are completely responsive.
With these results in mind, let's get going.
- Implementing desktop and mobile interactions
- Designing an animated web banner
- Creating titles
- Programming the banner
- Publishing the banner
- Designing, programming, and publishing an interactive animation
- Importing visuals and audio
- Integrating Animate animations into a responsive HTML website