Join Joseph Labrecque for an in-depth discussion in this video Code snippets for components, part of Adobe Animate CC New Features.
- [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 of that button over to the side here,…
Author
Joseph Labrecque
Updated
8/10/2020Released
6/13/2017- The new modern UI
- Timeline enhancements
- Advanced onion skinning
- Fluid Brush tool and Fresco Brushes
- Enhanced animation tooling
- Frame Picker enhancements
- Custom ease presets for shape tweens
- Resetting the camera position
- Interactivity enhancements
- Global JavaScript declaration
- Including external JavaScript libraries
Skill Level Intermediate
Duration
Views
Q: This course was updated on 10/18/2017. What changed?
A: New videos were added that cover general enhancements to Adobe Animate CC, including changes to the interface, timeline enhancements, the updated Actions Wizard, and using the camera with layer depth.
Q: This course was updated on 10/15/2018. What changed?
A: New videos were added that cover the October 2018 updates to Adobe Animate CC.
-
Introduction
-
Welcome44s
-
Using the exercise files1m 8s
-
-
June 2020 Updates
-
Using the Assets panel3m 6s
-
Creating a hands-on tutorial7m 48s
-
November 2019 Updates
-
Application modernization2m 55s
-
Custom toolbars2m 37s
-
Onion skin advanced settings3m 59s
-
Video export enhancements2m 48s
-
-
April 2019 Updates
-
Using layer blend modes3m 2s
-
User interface improvements2m 30s
-
Additional improvements1m 29s
-
October 2018 Updates
-
WebGL-glTF document types3m 12s
-
Layer parenting5m 4s
-
Auto lip sync3m 56s
-
Use frame effects3m 16s
-
October 2017 Updates
-
Timeline enhancements2m 8s
-
Modifying frame spans4m 24s
-
Easing enhancements2m 58s
-
Actions Wizard3m 48s
-
Animate preferences1m 19s
-
June 2017 Updates
-
Frame Picker enhancements1m 31s
-
Resetting camera position2m 56s
-
HTML5 video poster and mute2m 52s
-
-
November 2016 Updates
-
Animate the camera3m 27s
-
Stage clipping and outlines1m 19s
-
Share documents and symbols1m 49s
-
Google Fonts3m 13s
-
Vector brush creation2m 14s
-
Vector brush manager2m 1s
-
HTML5 UI components2m 23s
-
HTML5 video components2m 32s
-
Code snippets for components6m 29s
-
Export an image3m 6s
-
Export an animated GIF2m 12s
-
Publish a SWF archive2m 11s
-
Conclusion
-
Goodbye45s
-
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Code snippets for components