Drag & drop challenge
May 28, 2013
By
Tom Kuhlmann
Had someone ask this question about the puzzle piece blog post:
"Any way of using the drag and drop functionality to enable the user to be able to move pieces together with the final correct piece placement acting as a “correct response?”
I can think of a few ways to do it, but thought it might be interesting to see some of the different approaches the community would take. To make it easy I created a starter story file with four puzzle pieces and matching drop targets.
Look forward to seeing what you come up with.
9 Replies
Tom, When I first started with Storyline, I had done a similar puzzle interaction to learn about Storyline's drag-and-drop; see attached file and here is the published version. To provide feedback after all pieces are in place, I simply used one trigger that is fired only when all drag objects are in Drag Correct state. It's not exactly like your challenge file, but it helped me getting used to drag/drop-specific states and may be helpful for someone else too.
Michael - This is awesome! thanks for sharing.
I'd like to create a puzzle for a demo - can you tell me what software you used to create the puzzle pieces?
thanks in advance!
Hi PJ,
you might want to check out Tom's puzzle piece blog post (see link at the top) where he shows one option to create puzzle pieces using PowerPoint. I myself had applied a PhotoShop Action (kinda like a macro that runs a bunch of editing commands on an image) to my image. It's been quite a while and I can't recall where on the web I had seen this action, but you should be able to find something similar.
I have a different problem! I have created a drag and drop on our MOODLE page but I want to know how to close it when they have finihsed? I tried putting the link to the page in but nothing works!
Any suggestions??
We have sharepoint if that is any help?
Thanks Sharon
Wow! Great Job Michael! I'd love to see what other goodies you work on!
Thanks Natalie. Here are two other little projects I played around with during my initial 'Storyline learning phase':
1. analogue and digital clock, because I wanted to learn about object custom states, layers, variables, references to variables in text boxes, triggers and javascript
2. a video sample because I wanted to see how video can be integrated into Storyline.
Nothing too exciting I know, but rather than following some canned tutorial, I always try to just build something and learn along the way!
@Michael...those are great! How did you do the clocks?
Anne, I had done a short writeup about the clock example and posted it here.
Here's an example of the puzzle drag and drop where you need to use the Submit button but I'm sure with a little more work I could get to happen automatically when the last piece drops. I'm thinking a counting variable might help.
Also, if the puzzle was a little bigger so you could put things in the wrong place properly it would be better.
This discussion is closed. You can start a new discussion or contact Articulate Support.