automatic flow path

Question

Hi guys,
I'm looking to explain how a circuit diagram would work, if a user selects an item a line would be drawn along the correct wires to show how the system operates, anyone any ideas on how to make this work?
In the file attached there&nbsp; would be a line drawn to the switch, when the learner presses the switch the line then moves around the diagram and through the bulb.&nbsp; I am guessing I can change the state of the bulb somehow to show it is lit.&nbsp;

mathnotermans-9 · Answer

Try GSAP with DrawSVG... easy enough.

davidhall-a6c10 · Answer

Thank you, it seems this is exactly what I need, just not that tech-savvy to be able to use it yet.

sarahhodge · Answer

Hi David and welcome to the community! 🎉 I'm not all that familiar with circuit diagrams, but I think it might be possible to show the connections using States. Here are a few examples from the community that show connecting paths:

Storyline: Wiring a 3 Pin Plug&nbsp;
Storyline: Connecting Lines Matching Question
Storyline: Lightbulb Animation Demo

And here's a free light bulb graphic download if you need it: PowerPoint: Assorted Customizable Light Bulbs.

Forum Discussion

automatic flow path

Related Content

Automatic rotate dial once

Using the Learning Path Reports in Articulate Reach 360

Reach 360: Manage Your Learning Paths

Reach 360: View Learning Path Reports

Changing state during motion path -- getting flickering between object on path and origin point

Reach 360: Create and Publish a Learning Path

Automatic Translations with AI?

Request: Motion Path Reverse Option

Motion Path?

Motion path flow

Recent Discussions

Failed to continue in Quiz due to too many wrong answers.

Highlighting text for comments in Review 360

Fill in the blank

How to get survey result for web course?

Moving courses from dashboard to shortcuts