DND Scape

DND 10++

Up to 51 items can be combined to make an object appear

DND

Combine 2 objects to make another object appear

Reuse

DND Lemniscape

Instructions

Template

Tutorial

Examples

Combine 2 objects to make another object appear

Simple instructions

Rotation and colour change

OFF/ON 1

OFF/ON

ON/OFF 1

ON/OFF

Appears once

Disappears once.

Disappears every time

Test !

Appears every time

When the key and the target element are combined, other objects appear or disappear

Drag and drop (DND)

Key

Target

+

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

DND Rotation or colour change on/off,

Trigger objects :

appears each time the key elements are combined

Available reactions when grouped with objects (in the example the 4 wheel shapes):

appears only once

disappears each time

disappear once

Use this template to create your drag and drop activity.

group this with the key object that gets moved ( in the example the green square)

group this with the target object that stays in place (in the example the pink square

(each can only be used once, but you don't have to use all of them)

Simple Drag and Drop

Instructions

Template

Tutorial

Examples

Up to 51 items can be combined to make an object appear

Verb table

By Caroline Latière Heaney

Simple example

<nombre>X</nombre> <script></script>

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

The message "Error loading enriched content" is normal->

How to use the template:

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

Page pour créer votre DNDNouvelle versionON / OFF

Le message "Impossible de charger le contenu enrichi" est normal -->

ANCIENNE VERSION

<nombre>X</nombre> <script></script>

Page pour créer votre DND

Le message "Impossible de charger le contenu enrichi" est normal -->

ANCIENNE VERSION

Instructions

Template

Tutorial

Examples

Reuse

Match Paris monuments

Gap fill

version 17 March 2021

DND∞

version Lemniscape

Réutilisez !

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

Extension by Patrice Nadam

E

L

E

C

T

R

I

C

I

T

E

Multiple choice of associations

Individual feedbacks

ROUGE

BLEU

VERT

RETROUVE LE NOM DES COULEURS

Global multiple feedback

DND∞

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.

NEW- version 1.4 05/11/20

Three optional elements have been added

Optional variable allowing to correct mistakes putting back objets and tagets in their original place.

Negative feedback to group with a Genially object appearing if the answer is incorrect. Only works with the CHECK button.

The function DNDoo has also been modified

Function to place in each page with DND

Element OBJECT to group with a genially object

Element OBJECT to group with a genially object

All the elements can be copied and pasted.

Feedbacks - Optional elements

Element ON to group with a genially object. Appears when you have the correct answer. Stays ON. irreversibleElement OFF to group with a Genially object. Disappear when you have a correct answer. IrreversibleElement 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.

Global feedbacks - Optional elements

Element ON to group with a genially object. Appears when you have all the correct answers. Stays ON. irreversibleElement OFF to group with a Genially object. Disappear when you have all the correct answers. IrreversibleElement 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.

If you want to add more objets and targets, here are the scripts.

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

You need to edit the numbers and colour if you want to.