Forum Discussion
KatelynThedf665
2 months agoCommunity Member
Wanting an object to swivel in on a layer and swivel out when another object is selected
I am creating a slide with 11 selectable options. The options are clickable rounded rectangles to look like flashcards. Here is goal:
- User selects a card
- The selected card flips over to reveal text
- User selects a different card
- The first selected card flips back to its original position and the newly selected card flips over
I have everything done except for the last bullet point. I want users to be able to select any card as many times as they would like, and they can select the cards in any order.
Any tips on how to make this happen?
Hi Katelyn,
Here's one way that might work for you.
- Create a slide with all your cards showing the front
- Duplicate the base layer to create Layer 1
- Alter the first card to make it appear as if it is the back of the card
- Add a trigger to hide Layer 1 when the learner selects the first card
- Duplicate Layer 1 to create Layer 2
- Alter the second card to make it appear as if it is the back of the card
- Add a trigger to hide Layer 2 when the learner selects the second card
- Repeat steps 5-7 to create layers 3-11, substituting Layers 3-11 for Layer 2
- On the base layer, add triggers to all the cards. The triggers will be Show Layer X when learner selects Rectangle X, with X being the number of the layer and corresponding card.
- On Layer 1, add a trigger to the second card of Show Layer 2, when the learner selects card 2.
- Duplicate the trigger from step 10 and change it to Show Layer 3, when the learner selects card 3.
- Repeat step 11 for the remaining cards on Layer 2.
- Repeat steps 10-12 for the remaining layers. You should end up with a base layer and 11 additional layers. All the triggers on the base layer will be to Show Layer X when the user selects Rectangle X, with X being the matching number between the card and the layer. The triggers on the additional layers will be Show the layer for all cards that have not been selected and Hide the layer for the card that is currently selected.
- Go through Layers 1-11 and add entrance animation, if desired, to the card that is displaying the information on the back of the card.
Attached is a working prototype with 4 cards.
- KendalRasnake-1Community Member
Hi Katelyn,
Here's one way that might work for you.
- Create a slide with all your cards showing the front
- Duplicate the base layer to create Layer 1
- Alter the first card to make it appear as if it is the back of the card
- Add a trigger to hide Layer 1 when the learner selects the first card
- Duplicate Layer 1 to create Layer 2
- Alter the second card to make it appear as if it is the back of the card
- Add a trigger to hide Layer 2 when the learner selects the second card
- Repeat steps 5-7 to create layers 3-11, substituting Layers 3-11 for Layer 2
- On the base layer, add triggers to all the cards. The triggers will be Show Layer X when learner selects Rectangle X, with X being the number of the layer and corresponding card.
- On Layer 1, add a trigger to the second card of Show Layer 2, when the learner selects card 2.
- Duplicate the trigger from step 10 and change it to Show Layer 3, when the learner selects card 3.
- Repeat step 11 for the remaining cards on Layer 2.
- Repeat steps 10-12 for the remaining layers. You should end up with a base layer and 11 additional layers. All the triggers on the base layer will be to Show Layer X when the user selects Rectangle X, with X being the matching number between the card and the layer. The triggers on the additional layers will be Show the layer for all cards that have not been selected and Hide the layer for the card that is currently selected.
- Go through Layers 1-11 and add entrance animation, if desired, to the card that is displaying the information on the back of the card.
Attached is a working prototype with 4 cards.
- KatelynThedf665Community Member
This is great! Thank you so much for your help! It is really appreciated!