Adobe Animate CC: Data-Driven Animation

Learn to create data-driven animations—a data-driven image carousel and an interactive RSS feed—using Adobe Animate CC.

Learn to create data-driven animations, such as a data-driven image carousel and an interactive RSS feed, using Adobe Animate CC—the newly relaunched version of Flash Professional. Joseph Labrecque takes you through both projects step-by-step, providing easy-to-follow instructions for interacting with JSON and XML data sets and using jQuery to ingest and parse data in HTML5 Canvas-based projects. The complete carousel will display images, captions, and controls for customizing the transitions, while the RSS feed display will load news items in a "click to view more" animated interface. Find out how to set up each project, build the interfaces, ingest data, apply animation, and program user controls. Plus, learn advanced techniques for creating dynamic titles.

Introduction

• Welcome
• Before watching this course
• Using the exercise files
• What we will build

1. Dynamic Data Fundamentals

• About XML and JSON
• Using additional libraries in Animate

2. Design a Web Carousel

• Setting up the timeline
• Building the carousel container
• Applying carousel animations
• Designing the carousel controls
• Creating the title with dynamic text
• Image and data overview

3. Program the Web Carousel

• Ingesting the external data
• Rendering the images
• Programming user controls
• Carousel container code
• Automating the transitions
• Finishing the carousel

4. Design an RSS Display

• Setting up the project
• Designing the item renderer skin
• Using text within the item renderer
• Building the details renderer
• Animating the details renderer
• Completing the layout

5. Program the RSS Display

• Preparing the project
• Ingesting XML data
• Rendering title instances
• Viewing the item details
• Formatting the data

Conclusion

• Next steps