Want to create interactive content? It’s easy in Genially!
DND Scape
dawn diperi
Created on April 9, 2024
Start designing with a free template
Discover more than 1500 professional designs like these:
Transcript
DND Lemniscape
Reuse
Combine 2 objects to make another object appear
DND
Up to 51 items can be combined to make an object appear
DND 10++
Rotation and colour change
Simple instructions
Combine 2 objects to make another object appear
Examples
Tutorial
Template
Instructions
Target
Key
Drag and drop (DND)
When the key and the target element are combined, other objects appear or disappear
Appears every time
Test !
Disappears every time
Disappears once.
Appears once
ON/OFF
ON/OFF 1
OFF/ON
OFF/ON 1
DND Rotation or colour change on/off,
To turn rotation on and off, create two idential items. Group one with off/on. Group the other on/off and add a continuous rotation animation. Layer both object on top of each other. When the key elements are combined, the still object disappears and the rotation object appears. Can also be used for colour change, if you create idential objects in different colours
Simple Drag and Drop
(each can only be used once, but you don't have to use all of them)
group this with the target object that stays in place (in the example the pink square
group this with the key object that gets moved ( in the example the green square)
Use this template to create your drag and drop activity.
disappear once
disappears each time
appears only once
Available reactions when grouped with objects (in the example the 4 wheel shapes):
appears each time the key elements are combined
Trigger objects :
Simple example
Verb table
Up to 51 items can be combined to make an object appear
Examples
Tutorial
Template
Instructions
How to use the template:
The message "Error loading enriched content" is normal->
- Turn on "drag elements" in settings
- Replace the X in the formula with the number of combinations you want to be made (in the example it was 3)
- Copy and paste the forumula into "insert" "others", and click "insert. The number will appear in the middle of the page.
- Group the number, one of these reaction and your reward object.
- Delete the formula on the page or move it off the page.
- Group one of the "O" numbers on the left with each of your key objects, that will be moved around. (in the example, yellow box was O1, green box O2 etc.). Ignore the left over ones.
- Group each of your target items with one of the "C" numbers on the right. (in the example, yellow frame was C1, green frame C2 etc.)
<nombre>X</nombre> <script></script>
Page pour créer votre DNDNouvelle versionON / OFF
<nombre>X</nombre> <script></script>
Page pour créer votre DND
<nombre>X</nombre> <script></script>
ANCIENNE VERSION
Le message "Impossible de charger le contenu enrichi" est normal -->
Page pour créer votre DNDNouvelle versionON / OFF
<nombre>X</nombre> <script></script>
ANCIENNE VERSION
Le message "Impossible de charger le contenu enrichi" est normal -->
Page pour créer votre DND
<nombre>X</nombre> <script></script>
Gap fill
Match Paris monuments
Reuse
Examples
Tutorial
Template
Instructions
Extension by Patrice Nadam
New version with possibility to add a check button and to remove targets. Following update, you need to replace FUNCTION button and check button VERIFICATION
Réutilisez !
version Lemniscape
DND∞
version 17 March 2021
Multiple choice of associations
Global multiple feedback
RETROUVE LE NOM DES COULEURS
VERT
BLEU
ROUGE
Individual feedbacks
The function DNDoo has also been modified
Negative feedback to group with a Genially object appearing if the answer is incorrect. Only works with the CHECK button.
Optional variable allowing to correct mistakes putting back objets and tagets in their original place.
Three optional elements have been added
NEW- version 1.4 05/11/20
Check button (removing automatic validation)
- Shows individual feedbacks and global feedbacks
- Shows if there is a mistake the WRONG_ON feedback
- Puts the objects and targets back in the start place if there is a mistake.
DND∞
Element ON to group with a genially object. Appears when you have all the correct answers. Stays ON. irreversible Element OFF to group with a Genially object. Disappear when you have all the correct answers. Irreversible Element ONOFF to group with a Genially object appearing with all the correct answers. Reversible, can disappear again. Element OFFON to group with a Genially object disappearing with all the correct answer.s Reversible, can appear again.
Global feedbacks - Optional elements
Element ON to group with a genially object. Appears when you have the correct answer. Stays ON. irreversible Element OFF to group with a Genially object. Disappear when you have a correct answer. Irreversible Element ONOFF to group with a Genially object appearing with a correct answer. Reversible, can disappear again. Element OFFON to group with a Genially object disappearing with a correct answer. Reversible, can appear again.
Feedbacks - Optional elements
All the elements can be copied and pasted.
Element OBJECT to group with a genially object
Element OBJECT to group with a genially object
Function to place in each page with DND
You need to edit the numbers and colour if you want to.
<div style="width:100%;height:100%;text-align:center;color:white;background-color:tomato" data-auteur="scape" data-ref="objet" class="objet21" data-num="21">OBJET21</div><script></script> <div style="width:100%;height:100%;text-align:center;color:white;background-color:tomato" data-auteur="scape" data-ref="cible" class="cible21" data-num="21">CIBLE21</div><script></script> <div style="width:100%;height:100%;text-align:center;color:white;background-color:tomato" data-auteur="scape" data-ref="on" class="ON21" data-num="21">ON21</div><script></script> <div style="width:100%;height:100%;text-align:center;color:white;background-color:tomato" data-auteur="scape" data-ref="off" class="OFF21" data-num="21">OFF21</div><script></script> <div style="width:100%;height:100%;text-align:center;color:white;background-color:tomato" data-auteur="scape" data-ref="on" class="ONOFF21" data-num="21">ONOFF21</div><script></script> <div style="width:100%;height:100%;text-align:center;color:white;background-color:tomato" data-auteur="scape" data-ref="off" class="OFFON21" data-num="21">OFFON21</div><script></script>
If you want to add more objets and targets, here are the scripts.