Alexa APL Tutorial - Lesson 7: VectorGraphic Components
Join Alexa Champion Mark Tucker as he discusses what an AVG is, how to convert an SVG to an AVG, and how to display vector graphics using Alexa Presentation Language's (APL) VectorGraphic Components.
If you would like to follow along, please use this APL Ninja Link:
https://apl.ninja/document/MarkTucker...
APL VectorGraphic Documentation: https://developer.amazon.com/en-US/do...
AVG format: https://developer.amazon.com/en-US/do...
FontAwesome: https://github.com/FortAwesome/Font-A...
SVG Viewer: https://www.svgviewer.dev
SVG Paths: https://developer.mozilla.org/en-US/d...
You will learn how to import an SVG, display a vector image, change scale, pass properties to an AVG, use a pattern resource as an AVG fill, and response to the onPress command.
Some background information...
Alexa Presentation Language (APL) is the visual design framework that allows you to build interactive voice and visual experiences on supported devices such as the Echo Show, Fire TV, some Fire Tablets, etc. APL allows you to include graphics, images, animations, slideshows, and videos to visual experiences in order to make skills more engaging and delightful to users.
About Mark Tucker:
Mark is an Alexa Champion. He is also a full-stack developer who’s on a mission to help businesses reach millions of customers through devices with Alexa. Mark is a Sr. Technical Director at RAIN and co-host of the Two Voice Devs podcast. He also owns Shazaml Design LLC, based in Gilbert, Arizona, and strives to help companies connect with customers via voice, our most natural form of interaction.
We love hearing from you! Do you have questions? New tutorial ideas you would like to see? Comment below, and we will do our best to help out.
Other Relevant Dabble Lab:
Alexa APL Tutorial - Lesson 1: Introducing Containers: • Alexa APL Tutorial - Lesson 1: Introducing...
Alexa APL Tutorial - Lesson 2: Containers Wrap Up: • Alexa APL Tutorial - Lesson 2: Containers ...
Alexa APL Tutorial - Lesson 3: Frame Components: • Alexa APL Tutorial - Lesson 3: Frame Compo...
Alexa APL Tutorial - Lesson 4: Text Components: • Alexa APL Tutorial - Lesson 4: Text Compon...
Alexa APL Tutorial - Lesson 5: Data Binding: • Alexa APL Tutorial - Lesson 5: Data Binding
Alexa APL Tutorial - Lesson 6: Image Components: • Alexa APL Tutorial - Lesson 6: Image Compo...
Follow Us!
Twitter: https://twitter.com/dabblelab?s=20
LinkedIn: / dabblelab
Facebook: / dabblelab
GitHub: https://github.com/dabblelab
Subscribe to our YouTube Channel for more tutorials to help you build custom solutions for Amazon Alexa, Twilio Autopilot, Google Assistant, and other platforms.
About Dabble Lab:
Dabble Lab is a company dedicated to creating tutorials to help you learn how to build custom solutions for Amazon Alexa, Google Assistant, Twilio Autopilot, and other emerging digital assistant platforms. Learn more about Dabble Lab at https://dabblelab.com.
#DabbleLab #MarkTucker #APL #AlexaSkills #VoiceFirst
0:00 VectorGraphic Basics
2:11 Alexa VectorGraphics (AVG)
3:10 FortAwesome
3:50 What is a scalable VectorGraphic?
11:20 VectorGraphic Properties
11:35 VectorGraphic Parameters