mirror of
https://github.com/TheTaz25/denis.ergin.git
synced 2025-07-06 13:18:49 +00:00
feat(tasks): task for html images
This commit is contained in:
parent
bd646531da
commit
572a39b7a6
4 changed files with 88 additions and 0 deletions
BIN
public/images/dice-1024w.jpeg
Normal file
BIN
public/images/dice-1024w.jpeg
Normal file
Binary file not shown.
After Width: | Height: | Size: 207 KiB |
BIN
public/images/dice-460w.jpeg
Normal file
BIN
public/images/dice-460w.jpeg
Normal file
Binary file not shown.
After Width: | Height: | Size: 79 KiB |
14
src/pages/tasks/html-3/index.astro
Normal file
14
src/pages/tasks/html-3/index.astro
Normal file
|
@ -0,0 +1,14 @@
|
|||
---
|
||||
import Layout from '../../../layouts/Layout.astro';
|
||||
---
|
||||
|
||||
<Layout title="HTML Aufgabe 3 - Ein Bild sagt mehr als 1000 Worte">
|
||||
<h1>Bilder einbauen</h1>
|
||||
<p>Mit dem erlernten Material soll nun das HTML aus Aufgabe 1 erweitert werden</p>
|
||||
<ul>
|
||||
<li>Das Bild ist im Ordner abgelegt</li>
|
||||
<li>Es wird ein Bild innerhalb des HTML's angezeigt</li>
|
||||
<li>Das Bild soll eine vordefinierte Größe beim anzeigen haben und auch einen alt-Text beinhalten</li>
|
||||
<li>(Optional): Optimiere das Bild für kleine Bildschirme (oder für große) und zeige es mithilfe von <picture> Responsive an</li>
|
||||
</ul>
|
||||
</Layout>
|
74
src/pages/tasks/html-3/solution/index.html
Normal file
74
src/pages/tasks/html-3/solution/index.html
Normal file
|
@ -0,0 +1,74 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Ein Beispielhafter Blogeintrag (HTML 5, kein Styling, kein Javascript)</title>
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<picture>
|
||||
<source media="(max-width: 599px)" srcset="/images/dice-460w.jpeg">
|
||||
<source media="(min-width: 600px)" srcset="/images/dice-1024w.jpeg">
|
||||
<img src="/images/dice-1024w.jpeg" alt="Spielwürfel für diverse Pen and Paper Spiele - Generiert mit KI" width="100%">
|
||||
</picture>
|
||||
<section>
|
||||
<h1>Entwicklung eines klassischen Tabletop-Rollenspiels wie "Dungeons & Dragons"</h1>
|
||||
<p>
|
||||
Tabletop-Rollenspiele haben seit den <em>1970er</em> Jahren Millionen von Menschen in ihren Bann gezogen und zählen zu den einflussreichsten und beliebtesten Arten des gemeinschaftlichen Spielens. Ein Vorreiter dieser Spiele war <em>"Dungeons & Dragons" (D&D)</em>, das erste kommerziell erfolgreiche Rollenspiel, das bis heute einen tiefen Einfluss auf Popkultur, Videospiele und die Art und Weise, wie Menschen interaktive Geschichten erleben, ausübt. In diesem Blogpost möchte ich die wichtigsten Schritte zur Entwicklung eines klassischen Tabletop-Rollenspiels wie D&D beleuchten.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>1. Die Grundidee und das Setting festlegen</h2>
|
||||
<p>Die erste Entscheidung beim Entwickeln eines Rollenspiels betrifft das Setting und die Welt, in der die Spieler Abenteuer erleben sollen. "Dungeons & Dragons" spielt in einer mittelalterlich-fantastischen Welt, in der <strong>Magie, Drachen, Elfen und Zwerge</strong> an der Tagesordnung sind. Das Setting definiert die Grundlage für die Geschichte, die Spielmechaniken und die Weltregeln.</p>
|
||||
<span>Mögliche Alternativen:</span>
|
||||
<ul>
|
||||
<li><em>Science-Fiction</em>: Kämpfe in einer fernen Galaxie.</li>
|
||||
<li><em>Post-Apokalyptisch</em>: Überleben in einer zerstörten Welt.</li>
|
||||
<li><em>Historisch</em>: Abenteuer in realen geschichtlichen Epochen.</li>
|
||||
</ul>
|
||||
<p>Das Setting beeinflusst die Art der Charaktere, die Spieler erstellen können, sowie die Arten von Herausforderungen, denen sie sich stellen müssen.</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>2. Die Spielmechanik entwickeln</h2>
|
||||
<p>Ein zentrales Element jedes Rollenspiels ist das <strong>Regelwerk</strong>, das definiert, wie das Spiel abläuft. Es umfasst:</p>
|
||||
<ul>
|
||||
<li><em>Charaktererstellung</em>: In D&D erstellen Spieler ihre Charaktere, indem sie eine Rasse (z.B. Elf, Zwerg) und eine Klasse (z.B. Krieger, Magier) wählen. Dies verleiht den Charakteren spezifische Fähigkeiten und Spielstile.</li>
|
||||
<li><em>Würfelsystem</em>: D&D nutzt ein W20-basiertes System (20-seitige Würfel), um den Erfolg oder Misserfolg von Aktionen zu bestimmen. Die Spieler würfeln, um zu entscheiden, ob sie Aufgaben wie Kämpfen, Klettern oder Zaubern erfolgreich ausführen.</li>
|
||||
<li><em>Level-Aufstieg</em>: Je mehr Abenteuer ein Charakter erlebt, desto stärker wird er. Dies spiegelt sich im Level-Aufstieg wider, bei dem Charaktere neue Fähigkeiten erlernen und ihre Werte verbessern.</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>3. Die Rolle des Spielleiters</h2>
|
||||
<p>Ein essenzieller Bestandteil von D&D und anderen Rollenspielen ist der <b>Spielleiter</b> (engl. Dungeon Master oder GM – Game Master). Dieser spielt keine Spielfigur, sondern fungiert als Erzähler, Weltgestalter und Regelhüter. Er beschreibt die Welt, die Spieler erleben, stellt Gegner und Herausforderungen, und entscheidet über die Konsequenzen der Handlungen der Spieler.</p>
|
||||
<p>Die Rolle des Spielleiters erfordert <strong>Kreativität</strong> und <strong>Flexibilität</strong>. Obwohl das Regelwerk einen Rahmen bietet, liegt es am Spielleiter, auf die unvorhersehbaren Aktionen der Spieler zu reagieren und die Geschichte fließend anzupassen.</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>4. Kreative Freiheit und Improvisation</h2>
|
||||
<p>Ein Tabletop-Rollenspiel wie D&D bietet einen fast grenzenlosen Grad an Freiheit. Spieler können Entscheidungen treffen, die von der Handlung abweichen, auf kreative Weise mit der Welt interagieren und die Geschichte aktiv beeinflussen. Während in einem Videospiel die Aktionen der Spieler oft durch vorgegebene Regeln oder begrenzte Interaktionsmöglichkeiten eingeschränkt sind, ermöglicht ein Rollenspiel am Tisch eine echte Improvisation.</p>
|
||||
<p>Diese kreative Freiheit ist eines der Hauptmerkmale, das Spieler anzieht. Es entsteht ein intensives Gemeinschaftserlebnis, bei dem jeder Spieler und der Spielleiter gemeinsam eine Geschichte formen.</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>5. Die Magie des gemeinsamen Geschichtenerzählens</h2>
|
||||
<p>Einer der größten Reize von D&D und ähnlichen Rollenspielen liegt im kooperativen Erzählen von Geschichten. Jeder Spieler bringt seine eigene Perspektive, seine Ideen und seine Entscheidungen in die Geschichte ein. Zusammen erschafft die Gruppe eine epische Erzählung voller Spannung, Dramatik und Heldentum.</p>
|
||||
<p>Diese Geschichten entstehen oft spontan und unvorhersehbar, was zu besonders unvergesslichen Momenten führen kann. Ein guter Spielleiter sorgt dafür, dass die Welt auf die Handlungen der Spieler reagiert, während das Regelwerk als Leitfaden fungiert.</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>Fazit: Der Reiz des klassischen Tabletop-Rollenspiels</h2>
|
||||
<p>Die Entwicklung eines klassischen Tabletop-Rollenspiels wie "Dungeons & Dragons" erfordert eine Kombination aus Struktur und Freiheit. Ein robustes Regelwerk gibt den Spielern Orientierung, während die Kreativität des Spielleiters und der Spieler die Erzählung formt. Solche Rollenspiele bieten eine einzigartige Möglichkeit, in fantastische Welten einzutauchen, epische Abenteuer zu erleben und gemeinsam Geschichten zu erschaffen, die noch Jahre später in Erinnerung bleiben.</p>
|
||||
<p>Für alle, die ihre Fantasie zum Leben erwecken und ein unvergessliches Gemeinschaftserlebnis genießen möchten, ist ein klassisches Tabletop-Rollenspiel der perfekte Ort, um Abenteuer zu erleben und die Grenzen des Möglichen zu erkunden.</p>
|
||||
</section>
|
||||
|
||||
<hr>
|
||||
|
||||
<p>Was fasziniert dich am meisten an klassischen Rollenspielen? Hast du bereits ein eigenes Spiel entwickelt oder bist du daran interessiert, eins zu erstellen? Lass es mich in den Kommentaren wissen!</p>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
Loading…
Add table
Add a link
Reference in a new issue