From the course: Adobe Animate CC New Features
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Code snippets for components - Adobe Animate Tutorial
From the course: Adobe Animate CC New Features
Code snippets for components
- [Instructor] We have this new set of interactive components for HTML5 Canvas, but how do we interact with them through JavaScript? Conveniently, there are a set of code snippets written for these new components we can use to really tie things together. So, here is our video document from before, and I'm gonna make some adjustments to my video component on the stage. For one thing, I'm going to give this an instance name of videoPlayer. We'll be able to interact with it through JavaScript so long as it has an instance name. I'm also going to disable autoplay and disable the controls. Now I want a button on the stage, so I'm gonna pull over my button component here from my components panel, and let's change the label on this button to play video, and we'll give this an instance name of playBtn for play button, and let's make it a little bigger, so 160 by 40. And we'll position it at about 390 along the y-axis and 30 on the x. I'm gonna hold down the Alt key and drag another instance…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
-
-
-
-
-
-
-
-
-
(Locked)
Camera zoom, pan, and rotation2m 24s
-
(Locked)
Camera filters and blend modes3m 20s
-
(Locked)
Animate the camera3m 27s
-
(Locked)
Stage clipping and outlines1m 19s
-
(Locked)
Share documents and symbols1m 49s
-
(Locked)
Google Fonts3m 13s
-
(Locked)
Vector brush creation2m 14s
-
(Locked)
Vector brush manager2m 1s
-
(Locked)
Brush pressure, tilt, and size1m 47s
-
(Locked)
HTML5 UI components2m 23s
-
(Locked)
HTML5 video components2m 32s
-
(Locked)
Code snippets for components6m 29s
-
(Locked)
Export an image3m 6s
-
(Locked)
Export an animated GIF2m 12s
-
(Locked)
Publish a SWF archive2m 11s
-
(Locked)
-