Forum Discussion

DanielCanave618's avatar
DanielCanave618
Community Member
3 years ago

ELH Challenge 368 - Progress Indicators

For this challenge, I considered a way to give users an immediate sense - visually - of both what they have already accomplished and what they have left to do.  Since the project deals with putting together a jigsaw puzzle of various Halloween characters, I determined it might be appropriate to construct a pie-chart-like progress indicator for each character that sees individual segments disappear as puzzle pieces are placed correctly on the board: 

Naturally, the number of segments for each character's progress indicator would be determined by the number of puzzle pieces needed to completely/mostly "reveal" the character:

One particular challenge was considering instances where single pieces revealed part(s) of multiple characters, requiring triggers that simultaneously changed the state of the affected characters when the piece in question was placed:

Other considerations made included

  • restricting the order in which puzzle pieces are "activated" so as to make updating individual progress indicators easier (I used transparent shapes to effectively "divide" each puzzle piece - a trigger set up to change that shape to Hidden when the "active" piece is correctly placed), and
  • using freeform Hotspots mimicking the shape of individual puzzle pieces to ensure the pieces fit together (more) seamlessly.

 

View project

  • Super fun, thank you for sharing the how to! Can I ask how you created the puzzle shapes?

  • This is definitely fang-tastic, Daniel! πŸ‘Ή Super clever way to show progress! And I love the thumbs up at the end. Kept true to the theme! 😁Thanks for sharing!

  • SharonSkaling's avatar
    SharonSkaling
    Community Member

    I second this question--was there an Articulate Storyline feature that facilitated the making of the puzzles pieces, or did you do this outside of Articulate? Thanks

    Great work!

     

    • SharonSkaling's avatar
      SharonSkaling
      Community Member

      Well--Rereading your text,  I see you say you used freeform hotspots to mimic the puzzle shapes. Did you also use freeform shapes to create the pieces? 

      πŸ‘πŸ‘πŸ‘