Want to make creations as awesome as this one?

Transcript

Anleitung

Vorlage

Beispiele

Reuse

Tutorial

Objekte kombinieren, um ein anderes Objekt (un)sichtbar zu machen/eine Rückmeldung zu geben

Rot

Blau

Grün

Verbindet die Farben

Individuelle Rückmeldung

Allgemeines Feedback

Verbindet die Farben

Green

Red

Blue

On 1 Element

OFF 1 Element

On/Off 1 Element

Off/On 1 Element

On 1 Element

OFF 1 Element

Off/On 1 Element

On/Off 1 Element

On 1 Element

OFF 1 Element

Off/On 1 Element

On/Off 1 Element

Um die Rotation ein- und auszuschalten, erstelle zwei identische Elemente.Gruppiere einen mit off/on.Gruppiere das andere mit on/off und füge eine kontinuierliche Rotationsanimation hinzu.Lege beide Objekte übereinander. Wenn die Schlüsselelemente kombiniert werden, verschwindet das unbewegliche Objekt und das Rotationsobjekt erscheint.Kann auch für Farbwechsel verwendet werden, wenn du identische Objekte in verschiedenen Farben erstellst

DND Rotation oder Farbwechsel ein/aus,

Fuktion die in der Seite enthalten sein muss

Element OBJECT zum Gruppieren mit einem Objekt

Element Cible zum Gruppieren mit einem Objekt (das Zielelement)

Alle Elemente können kopiert werden.

Individuelles Feedback - Optionale Elemente

Element ON zur Gruppierung mit einem Genial.ly-Objekt. Erscheint, wenn man die richtige Antwort hat. Bleibt sichtbar.Element OFF zum Gruppieren mit einem Genial.ly-Objekt. Wird ausgeblendet, wenn man eine richtige Antwort hat. Bleibt sichtbar.Element OFF zum Gruppieren mit einem Genial.ly-Objekt das erscheint, wenn man eine richtige Antwort hat.Kann wieder verschwinden.Element OFFON, um mit einem Genial.ly-Objekt zu gruppieren, das bei einer richtigen Antwort verschwindet. Kann wieder erscheinen.

Globales Feedback - Optionale Elemente

Element ON zur Gruppierung mit einem Genial.ly-Objekt. Erscheint, wenn man ALLE richtigen Antworten hat. Bleibt sichtbar.Element OFF zum Gruppieren mit einem Genial.ly-Objekt. Wird ausgeblendet, wenn man ALLE richtigen Antworten hat. Bleibt sichtbar.Element ONOFF zum Gruppieren mit einem Genial.ly-Objekt das erscheint, wenn man ALLE richtigen Antworten hat.Kann wieder verschwinden.Element OFFON, um mit einem Genial.ly-Objekt zu gruppieren, das verschwindet, wenn man ALLE richtigen Antworten hat. Kann wieder erscheinen.

DND

Schaltfläche "Prüfen" (Entfernen der automatischen Prüfung)Zeigt individuelle Rückmeldungen und globale RückmeldungenZeigt bei einem Fehler die Rückmeldung WRONG_ON anSetzt die Objekte und Ziele bei einem Fehler zurück an den Startplatz.

Alle Elemente hier sind optional.

Optionale Variable, die es ermöglicht, Fehler zu korrigieren, indem Objekte und Ziele wieder an ihren ursprünglichen Platz gesetzt werden.

Negative Rückmeldung zum Gruppieren mit einem Genial.ly-Objekt, das erscheint, wenn die Antwort falsch ist. Funktioniert nur mit der Schaltfläche Prüfen.

Negative globale Rückmeldung: duplizierbares Element, das mit einem Genial.ly-Objekt gruppiert wird, um bei einer falschen Antwort vorübergehend (3 Sek.) zu erscheinen. Funktioniert nur mit der Schaltfläche Prüfen.

Wenn du weitere Elemente erstellen möchtest,hier sind die entsprechenden Skripte zu den Elementen.

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

Ändere einfach die Zahlen (und den Farbcode für die Hintergrundsfarbe, wenn du möchtest). Füge den Code bei "Insert" "Other" ein.