LiaScript meets GeoScience

Dieses Beispiel illustriert die Verwendung von Darstellungen der TUBAF Mediathek innerhalb von LiaScript-Lehrmaterialien.

Die Webseite der Mediathek ist hier interaktiv eingefügt. Damit ließe sich zum Beispiel eine User-Story aufbauen.

??

Einbettung einzelner Bilder anhand URL

{{0-1}}

{{1-2}}

---

Das ist ein etwas umfangreicheres Beispiel. Hier wurden verschieden Filter über das Bild gelegt.

Filter	Wert
Grauwert	<script input="range" value="0" input-always-active output="grayscale"> @input </script>
Helligkeit	<script input="range" value="1" min="0" max="10" step="0.1" input-always-active output="brightness">@input</script>
Kontrast	<script input="range" value="1" min="0" max="10" step="0.1" input-always-active output="contrast">@input</script>
Sättigung	<script input="range" value="1" min="0" max="10" step="0.1" input-always-active output="saturation">@input</script>

<script input="hidden"> document.getElementById("image").style.filter = "grayscale(@input(`grayscale`)) brightness(@input(`brightness`)) contrast(@input(`contrast`)) saturate(@input(`saturation`))"; </script>

Dieser begleitende Text eingefügt und ein Quizz zum Bild integriert.

Welche Eigenschaften lassen sich aus diesem Dünnschliff ableiten?

• [( )] keine Ahnung
• [(X)] ziemlich "fleckig"
• [( )] mit der Belichtung stimmt was nicht

---

Einbettung von Bildern in einer Galerie

Überlagerung von mehreren Bildern

@beforeAndAfter(https://mediathek.tu-freiberg.de/eas/partitions-inline/2/0/80000/80790/feeb4ee9cc5e44f2731e2a764eae56a9cf599e8f/image/png,https://mediathek.tu-freiberg.de/eas/partitions-inline/2/0/81000/81387/2b9379093c840e6a716411ea85ac5d6ee5459188/image/png)

Anmerkung

Die Bilder können auch vorkonfiguriert lokal gespeichert werden. Die vorgestellten Mechanismen sind dann identisch.

3D-Modelle

oder es können auch direkt 3D-Modelle eingebettet werden:

??3D-Modell

3D-Modelle als Gallerie

?? ?? ?? ?? ??