Want to create interactive content? It’s easy in Genially!

Get started free

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->

  1. Turn on "drag elements" in settings
  2. Replace the X in the formula with the number of combinations you want to be made (in the example it was 3)
  3. Copy and paste the forumula into "insert" "others", and click "insert. The number will appear in the middle of the page.
  4. Group the number, one of these reaction and your reward object.
  5. Delete the formula on the page or move it off the page.
  6. 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.
  7. 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.