Parallax slider interaction

Objectives

• How sliders work
• Slider anatomy & customization
• Combining sliders
• Working with ranges
• Triggers
• Parallax template

Resources

• Storyline 360: User Guide
• E-learning Challenge: Using Sliders to Create a Parallax Effect
• Slider tutorial
• Variables tutorial
• Variables webinar
• Parallax webinar

Examples

• Conversation
• Moving Camera ver 1 and ver 2
• Dial and slider for nextless navigation
• Scrolling office
• Tablet Screen
• Sliding characters
• Car on street
• Animated splash screen
• Airplane (flash)
• Yoga
• Runner
• Shark & diver (moving background)
• Braking distance (animated chart)
• Chess board (animated movement)