This course has been archived, the content is no longer up-to-date or relevant to most students.

Get the Animation to Stop Looping using JS and HTML5

This lesson is exclusive to members

Course contents
SECTION: 6
Warnings & errors 1:10
SECTION: 7
Width tool 5:23
SECTION: 14
Project 9:34
SECTION: 15
Buttons 12:14
SECTION: 17
Bone Tool 6:53
SECTION: 18
Stop looping with JS 1:45
SECTION: 22
Conclusion 1:37

Questions

0

Course info

53 lessons / 5 hours

Overview

This course is for visual, creative people who need to start making HTML5 banner ads. I made this course for people that are struggling to get their heads around the new world of HTML5 advertising. This course is step by step with exercise files. I’ve saved a copy of each Adobe Animate file after every video so if you get lost you can compare your files to my completed files. At the end you’ll be able to create, test and upload standard banner ads.

This course is perfect for people completely new to the digital advertising world. We’ll cover all the basics. It’s also great for people who previously worked in Adobe Flash to produce SWF advertising.

Because this is such a new industry I’ll be around to help you with any questions. Use the forums on the pages and I’ll respond.

Thanks for considering my course. If you’re not sure if it’s right for you. Simply sign up, try it out and if you’re not happy I’ll refund you no problem. - Dan.

What are the requirements?

  • You'll need a copy of Adobe Animate CC 2015 or above. A free 30 day trial can be download from Adobe here.

  • No previous Adobe Animate or digital advertising knowledge is necessary.

  • If you're not sure if this course is right for you. Email me what you’re trying to do and check if you’re on the right track.

What am I going to get from this course?

  • 53 lectures 3 hours of content!

  • Forum support from me. 

  • How to build banner advertising

  • How to keep file sizes down.
  • Firm understanding of the publishing process for ad networks like Google Doubleclick, Adwords, Simek etc. 

  • Professional workflows and shortcuts. 

  • A wealth of other resources and websites to help your new career path.

What is the target audience?

  • YES: This course is for beginners. For people who prefer not to work in code. Visual people. Creative people. Graphic designers. Marketers. Past users of Flash.

  • NO: This course is not for developers. This course will cover standard animated banners. Not dynamic banners like expanding banners, video banners or game banners. 

Course duration 5 hours + your study.

Daniel Scott

Daniel Scott

Founder of Bring Your Own Laptop & Chief Instructor

instructor

I discovered the world of design as an art student when I stumbled upon a lab full of green & blue iMac G3’s. My initial curiosity around using the computer to create ‘art’ developed into a full-blown passion, eventually leading me to become a digital designer and founder of Bring Your Own Laptop.

Sharing and teaching are a huge part of who I am. As a certified Adobe instructor, I've had the honor of winning multiple Adobe teaching awards at their annual MAX conference. I see Bring Your Own Laptop as the supportive community I wished for when I was first starting out and intimidated by design. Through teaching, I hope to bring others along for the ride and empower my students to bring their stories, labors of love, and art into the world.
True to my Kiwi roots, I've lived in many places, and currently, I reside in Ireland with my wife and kids.

Downloads & Exercise files

Transcript

Hey there. In this video we're gonna look at how  to stop an animation using some JavaScript. Okay? Um, we'll notice by preview, by default,  it really wants to loop forever. It goes to back to the beginning and then loops background. Okay?

So what we are gonna do is we're gonna go through  and add a bit of code just to make it stop. And what you wanna do is you want  to have your playhead along where you want it to stop. I'm gonna get mine stop at the end. I'm gonna click in any of these last frames. It doesn't matter. Um, it's quite cool.

What used to happen is you had to create our own layer,  call it actions, create a key frame, all sorts of stuff. So if you're old school flash, you  don't have to worry about that stuff anymore. All you need to do is have your timeline along here. I'm gonna go to, uh, window, go to actions. Where's my actions? Panel, hidden actions.

He's hidden down here. Hello. There you are. Um, and then I'm gonna go code snippet. If it's grayed out, it means that you've clicked on up here  in the timeline, but maybe not on any kind  of like associated kind of frame down here. So sometimes it's grayed out, hit on code snippets.

Code snippets are hiding down here too. Okay? And in this code snippet, uh, you want the one  that says H two R five, canvas Timeline navigation. And this one here, because stop at this frame. Double click, there's the code there. Okay?

And you can see down here, it's created a new  layer for me called actions. And it's created a key frame for it. And if I click off, you'll see the a, the lowercase A. That means there's an action applied to it. It's not action script, okay? It's JavaScript.

But, um, and that's what it is here. But that's the thing that'll get to stop It's preview  plays once and wobbly arm stops. All right? So that's how to add an action, uh,  and how to get your animation to stop using JavaScript.
  • Powered by Marvin
  • Terms of use
  • Privacy policy
  • © Bring your Own Laptop Ltd 2025