Create a Side-Scroller Escape Room Activity Using Articulate Storyline
Build a complete project inside Articulate Storyline that combines various interactive elements and JavaScript to create a unique and engaging user experience!
Featuring moving characters and backgrounds, sliders, states, JavaScript Triggers, and much more!
Are you ready to take your understanding of Articulate Storyline to the next level?
Create a Side Scroller Game Using Articulate Storyline is a self-paced online tutorial course designed for experienced Articulate Storyline 360 developers who want to push the boundaries of what’s possible with the platform.
In this course, you’ll learn how to design and build a fully interactive side-scrolling game—complete with animated environments, character movement, and object collection mechanics. You’ll gain valuable hands-on experience applying advanced Storyline techniques alongside custom JavaScript programming to bring your game to life.
Through step-by-step video tutorials and downloadable resources, you’ll explore how to:
- Set up seamless scrolling backgrounds and animated gameplay sequences
- Use Storyline states, variables, and triggers to drive game logic
- Integrate custom JavaScript code for real-time interaction and scoring
- Create reusable components for future game-based learning projects
- Optimise user experience and performance within the Storyline framework
By the end of the course, you’ll have a fully working game experience that not only showcases your technical skills but also opens the door to more creative, immersive learning experiences in your own eLearning development projects.
Whether you’re designing learning for engagement, assessment, or just want to explore the fun side of Storyline, this course offers a unique opportunity to level up your skills and expand your toolkit.
Core Objectives
Master Advanced Storyline Interactions
Take your Storyline skills to the next level by learning how to build complex, multi-layered interactions that go far beyond standard click-and-reveal. You’ll work with states, motion paths, triggers, and variables in ways that simulate real-time gameplay and immersive learner experiences.
Incorporate JavaScript for Dynamic Gameplay
Discover how to use JavaScript within Articulate Storyline to unlock powerful new functionality. From controlling game mechanics and scoring systems to adding logic that goes beyond Storyline’s built-in capabilities, this course gives you a practical foundation in using code to enhance interactivity.
Design a Fully-Playable Side Scroller Game
By the end of the course, you’ll have created a working side-scrolling game complete with animated backgrounds, character movement, and collectable objects. Along the way, you’ll gain insights into design structure, user flow, and techniques for reusing components in your own future game-based learning projects.
Full Course Contents
Lesson 1
Setting Up The Project
- Project Size And Version Control
- Creating The Background Slider
Lesson 2
Adding Keyboard Controls Using JavaScript
- Writing Our First Piece Of JavaScript To Control Our Slider
- Stopping The Slider At Each End Of The Level
Lesson 3
Setting Up The Game Character States
- Creating Our Character States
- Changing Character States With The Keyboard Using JavaScript
- Importing A Moving Character Model Into Storyline Using A Sprite Kit
Lesson 4
Creating In-Game Actions And Character Dialogue
- Telling The Time At The Grandfather Clock
- Creating A ‘Pause Game’ State
- Creating A Single-Fire Interaction
- Adding A Hammer And An Inventory Bar
- Adding a Key and a Smashed Vase (Branching Interactions)
- Creating A Game Over Sequence
Lesson 5
Adding Music And Sound Effects To Our Game
- Create An Introduction With Music
- Adding Footsteps Sound Effect
- Optimising Your Project And A Look At Articulate 360
- Final Published Game Demo
This Complete Online Course Can Be Accessed With One Single Purchase!
Get 1.5 hours of online learning covering advanced-level development techniques in Articulate Storyline for a limited time reduced price.
By purchasing this course today you will get instant access to our full online learning course through the Discover eLearning website. All lessons contain several hours of high-quality and easy to follow video tutorial-based learning content, as well as supporting code samples and further guidance.