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

Using the Learning Path Reports in Articulate Reach 360

Reach 360: Manage Your Learning Paths

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

Reach 360: View Learning Path Reports

Reach 360: Create and Publish a Learning Path

Request: Motion Path Reverse Option

Motion Path?

Automatic Sharing Across Team

Motion path flow

TIP: Let the user choose their path

Recent Discussions

Selected State Won't "Stick"

Pausing on the video gets you out of sync with timeline

Quiz Issues

Articulate Rise font issue

Having issues in commenting in Storyline 360