THE BRICKED LABYRINTH

Interaktive LEGO‑Übersicht: Spielwelt, Schattenkreaturen, Boss & Luxus‑Set‑Liste

Spielwelt – Module & Bereiche

„The Bricked Labyrinth“ ist eine modulare LEGO‑Horrorwelt, die real gebaut und in Roblox Studio digital rekonstruiert wird.

Labyrinth Mechanik Boss‑Design Schattenkreaturen Pflanzen & Ruinen Roblox‑Übertragung

Interaktive Weltkarte (Bereiche): Bewege die Maus über die Kacheln – stell dir vor, wie sie auf der Grafik aufleuchten.

🏰 Hauptlabyrinth

Modulare Räume, Gänge, Brücken, Abgründe.

Start → Dark Corridors → Mini‑Figure Wall

⚙️ Mechanik‑Trakt

Zahnräder, Hebel, bewegliche Plattformen, Türen.

Traps & Gears

👹 Bosskammer – Assembler

Asymmetrischer Boss mit Technic‑Skelett & Minifig‑Köpfen.

Final Boss Battle

🌑 Schattenkreaturen‑Zone

Reaper, Spinne, Kürbisfigur, Monster.

Jumpscares & Begegnungen

🌿 Nebelgärten & Ruinen

Pflanzen, Wasser, Nebel, Ruinen & Sumpf.

Foggy Gardens – Ruins & Swamp

🔦 First‑Person‑Gänge

Dunkle, enge Gänge mit Lampen & Schattenfiguren.

Dark Corridor

Schattenkreaturen – LEGO‑Silhouetten

Vier ikonische Schattenwesen, die in der Grafik und im Spiel auftauchen:

Reaper mit Sense Reaper
Spinnenwesen Spinnenwesen
Kürbisfigur Kürbisfigur
Schatten‑Monster Schatten-Monster

LEGO‑Sets – Luxus‑Version

Alle im Chat definierten Sets, zugeordnet zu den Bereichen der Spielwelt.

Bereich Set‑Name Nr. Preis Funktion
Architektur & Labyrinth Classic Große Bausteine‑Box 10698 ≈ 55 € Wände, Räume, Grundstruktur
Architektur & Labyrinth Classic 90 Jahre 11021 ≈ 50 € Farbvielfalt, dunkle Steine
Architektur & Labyrinth Classic Bricks & Animals 11011 ≈ 55 € Figuren, Tiere, zusätzliche Steine
Architektur & Labyrinth Creator Mittelalterliche Burg 31120 ≈ 100 € Tore, Mauern, Texturen
Architektur & Labyrinth City Straßenplatten 60304 ≈ 20 € Bodenmodule für Gänge
Mechanik‑Trakt Technic Batmobile 42127 ≈ 90 € Zahnräder, Achsen, Mechanik
Mechanik‑Trakt Technic Airbus H175 42145 ≈ 200 € Rahmen, Gelenke, Mechanik‑Strukturen
Mechanik‑Trakt Technic Kompaktlader 42116 ≈ 12 € Kleine Hebel & Zahnräder
Boss & Schattenwesen Ninjago Ultra Combo Mech 71765 ≈ 80 € Basis für Boss „Assembler“
Boss & Schattenwesen Minifiguren‑Serie (10 Figuren) 710xx ≈ 40 € Köpfe, Torsi, Accessoires
Boss & Schattenwesen Icons Licht‑Set 40526 ≈ 20 € Leuchtende Augen, Lampen
Boss & Schattenwesen Creator Gruselhütte 31131 ≈ 45 € Kürbisfigur, Grusel‑Deko
Pflanzen & Atmosphäre City Gefängnisausbruch 60276 ≈ 30 € Gitter, Türen, Ruinen‑Elemente
Pflanzen & Atmosphäre Creator Pflanzenwelt 10329 ≈ 50 € Pflanzen, Wurzeln, Dschungel
Pflanzen & Atmosphäre Icons Botanischer Garten 10315 ≈ 85 € Nebelgärten, Wasser, Ruinen & Sumpf
Elektronik (optional) Technic Hub (Control+) 88012 ≈ 90 € Steuerzentrale für Motoren & Licht
Elektronik (optional) Technic L‑Motor 88013 ≈ 40 € Bewegung für Türen, Arme, Plattformen
Elektronik (optional) Technic XL‑Motor 88014 ≈ 50 € Starke Motorik für Boss‑Bewegungen
Elektronik (optional) Technic LED Light Set 88005 ≈ 20 € Lichteffekte in Gängen & Boss‑Augen
Elektronik (optional) Technic App‑gesteuertes Fahrzeug 42140 ≈ 130 € Hub + Motoren für mobile Plattformen
Elektronik (optional) Technic Liebherr Bagger 42100 ≈ 450 € Großes Elektronik‑Komplettpaket

Budget grob: ohne Elektronik ca. 900–950 €, mit Elektronik ca. 1.150–1.350 €.

Chat-Dramaturgie & Story-Engine

Nutze dieses Interface, um neue Plot-Points oder Set-Erweiterungen zu generieren.

// System: Initialisierung abgeschlossen...
Assistant: Bereit für das nächste Kapitel von "The Bricked Labyrinth". Was soll als Nächstes passieren?
Prompt für Gemini:
Kopiere diesen Text in den Chat, um die Simulation fortzuführen...
User: Luxus Version, was kostet die insgesamt?
Assistant: Luxus‑Set‑Liste (~845 €) mit Architektur, Mechanik, Monster, Atmosphäre.

User: Zeige uns Schattenkreaturen als Grafik.
Assistant: Grafik mit Reaper, Spinne, Kürbis, Monster im LEGO‑Stil.

User: Berechne, welche Sets wir brauchen.
Assistant: Luxus‑Version mit ca. 1.250–1.400 € inkl. Pflanzen & Landschaften.

User: Brauchen wir LEGO Technic Elektronik?
Assistant: Ja, für bewegliche Plattformen, Boss‑Animation, Lichteffekte (Hub, Motoren, LEDs).

User: Grafische Übersicht, welches Set welchen Bereich abdeckt.
Assistant: Tabelle mit Bereichen & Sets (Architektur, Mechanik, Boss, Pflanzen, Elektronik).

User: HTML‑Datei, die alles darstellt – mit LEGO‑Design & Interaktion.
Assistant: Diese Seite. 🎭🧱

Du kannst diesen Block direkt in eine Projektmappe übernehmen, um den kreativen Prozess zu dokumentieren.

Bildarchiv – Spielwelt

Offizielle Grafiken aus dem Projektordner des Bricked Labyrinth:

Das Vorhaben — Digitale Ontologie 2.0

„The Bricked Labyrinth" ist nicht nur ein AG-Projekt. Es ist der exemplarische Vollzug einer Theorie: dass Kinder zu Gestaltern wirksamer Welten werden — nicht zu Bedienern fertiger Systeme.

Das Problem — Ontologische Defizienz

Die klassische IT-Bildung lehrt das Schema — Datenstrukturen, Logik, Syntax — und vernachlässigt die vorgängige Frage: Wie tritt ein Ding überhaupt ins Bewusstsein? Kinder werden zu Bedienern fertiger Systeme ausgebildet, nicht zu Gestaltern wirksamer Welten.

Realität
Physische Materie — greifbar, schwer, brechend. Der LEGO-Stein, der fällt.
Wirklichkeit
Wirksamkeit — das, was ein Ding bewirkt. Ein Traum ist nicht real, aber er löst echte Angst, echte Entscheidungen, echte Erinnerungen aus.
Informatik 1.0
„Wie funktioniert das System?"
Digitale Ontologie 2.0
„Was bewirkt mein Handeln in diesem System?"

Die Weltformel

( Authention × Performanz ) ÷ Impertinenz

Das schöpferische Subjekt (Authention) im Vollzug seines Handelns (Performanz), geteilt durch den Widerstand des Realen (Impertinenz) — in dieser Reihenfolge, mit dieser Klammer: erst wird der schöpferische Akt im Vollzug zusammengeführt, dann geteilt durch den Widerstand. Ohne Klammer würde Impertinenz nur Performanz dividieren — die Logik wäre verkehrt.

Das morphologische Sechseck

Sechs Dimensionen des Erscheinens — operative Kartographie des Lernens, nicht akademische Taxonomie:

01
🧱

Impertinenz

Widerstand des physischen Objekts. Der echte LEGO-Stein — schwer, greifbar, widerspenstig. Voraussetzung dafür, dass das Digitale als Übersetzung, nicht als Beliebigkeit erfahren wird.

02
🌍

Intuition

Leibliches Erleben von Räumen. Der Körper als primärer Maßstab. Wer den LEGO-Keller mit Händen gebaut hat, kennt Enge und Proportion — nicht aus der Vogelperspektive.

03

Bedeutung

Verwandlung von Zeichen in persönliche Symbole. Zeichen bedeuten nicht, was sie zeigen — sondern was man in sie einschreibt. Symbol-Kompetenz.

04

Authention

Der Mensch als schöpferischer Ursprung der Entscheidung — gegen den Algorithmus als Entscheidungsinstanz. Das Kind als Autor seiner digitalen Welt, nicht als User.

05
🎭

Performanz

Das Ereignis im Moment des Handelns. Was im Spiel geschieht, ist nicht simuliert — es ist vollzogen. Die Handlung erzeugt ihre Wirklichkeit im Vollzug.

06
🗂

Schema

Die technische Modellierung — klassische Informatik als notwendige, nicht hinreichende Grundlage. Schema ohne die anderen fünf: Informatik 1.0. Mit ihnen: Digitale Ontologie 2.0.

Methodik — Die vier Phasen

01

Einstieg & Grundlagen

Einführung in Roblox Studio und LEGO-Bauprinzipien. Level-Design-Basics. Beide Welten als Werkzeuge begreifen — nicht als Spielplätze.

02

Analoger Bau — LEGO

Das physische Modell entsteht zuerst. Räume, Monster, Mechaniken — greifbar, dreidimensional, schwer. Diese Phase eicht die digitale.

03

Digitale Übersetzung — Roblox

Der Transfer: Was physisch gebaut wurde, wird digital übersetzt — nicht kopiert. In den Übersetzungsentscheidungen wird Ontologie sichtbar: Was bleibt? Was geht verloren?

04

Finalisierung & Publikation

Das Spiel wird veröffentlicht. Andere spielen es. Die Wirkung wird erfahrbar — der Moment, in dem Performanz vollständig wird.

The Bricked Labyrinth als Paradigma

Das Sechseck in spielbarer Form

Die sechs Bereiche des Labyrinths kartieren das morphologische Sechseck nicht als Theorie — sondern als gelebte Erfahrung. Das Ziel ist kein Spiel. Das Ziel ist ein reflektierter Weltbezug.

🧱Impertinenz — LEGO-Bau
🌍Intuition — selbst erlebte Räume
Bedeutung — Reaper & Kürbisfigur
Authention — jede Design-Entscheidung
🎭Performanz — Begegnung mit der Schattenkreatur
🗂Schema — Roblox-Skripte

🧱 LEGO-Modell-Generator

Wähle Bereiche aus – der Generator beschreibt das Modell, listet Sets und berechnet Kosten über Gemini.

👹 Monster-Engine 3.0

Beschreibe ein Monster frei — die Engine generiert Profil, Drohstufe, Bauplan und passende LEGO-Sets über Gemini.

Verwendung & Präsentation

So kannst du diese HTML‑Datei nutzen:

So öffnest du die Datei:

Hinweis zu Grafiken: Die im Chat beschriebenen Bilder (Weltkarte, Hochkant‑Map, Schattenkreaturen) kannst du später als <img> einbinden – diese HTML‑Struktur ist dafür bereits dramaturgisch vorbereitet.

Wenn du willst, kannst du in einem zweiten Schritt:
– echte PNGs/JPGs der Weltkarte einfügen
– Soundeffekte (Horror‑Ambiente) per <audio> ergänzen
– oder die Bereiche mit Links zu Roblox‑Projekten verknüpfen.

--lego-green: #16a34a; --lego-dark: #111827; --text: #f9fafb; --muted: #9ca3af; --border: #1f2937; --danger: #f97373; --mono: "Fira Code", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Courier New", monospace; --sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; } * { box-sizing: border-box; } body { margin: 0; font-family: var(--sans); background: radial-gradient(circle at 10% 0, #1f2937 0, transparent 55%), radial-gradient(circle at 90% 0, #111827 0, transparent 55%), #020617; color: var(--text); overflow-x: hidden; } /* LEGO Stud Background */ body::before { content: ""; position: fixed; inset: 0; opacity: 0.12; pointer-events: none; background-image: radial-gradient(circle at 8px 8px, #111827 2px, transparent 3px), radial-gradient(circle at 32px 32px, #020617 2px, transparent 3px); background-size: 40px 40px; mix-blend-mode: soft-light; z-index: -1; } header { text-align: center; padding: 32px 16px 24px; position: relative; overflow: hidden; } header::before { content: ""; position: absolute; inset: -40%; background: radial-gradient(circle at 50% -10%, #f6b80033 0, transparent 55%), radial-gradient(circle at 0 0, #1d4ed833 0, transparent 55%); opacity: 0.8; pointer-events: none; z-index: -1; } .lego-logo { display: inline-flex; align-items: center; justify-content: center; padding: 8px 18px; border-radius: 12px; background: radial-gradient(circle at 20% 20%, #facc15, #f97316); border: 3px solid #111827; box-shadow: 0 0 0 3px #b91c1c, 0 10px 25px rgba(0,0,0,0.6); margin-bottom: 12px; transform: translateY(0); animation: logo-bounce 3s ease-in-out infinite; } .lego-logo span { font-weight: 900; font-size: 1.1rem; letter-spacing: 0.18em; text-transform: uppercase; color: #111827; text-shadow: 0 1px 0 #fef9c3; } @keyframes logo-bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-4px); } } header h1 { margin: 4px 0 4px; font-size: clamp(2.3rem, 4vw, 3rem); letter-spacing: 0.18em; text-transform: uppercase; color: var(--accent-strong); text-shadow: 0 0 18px #000, 0 0 32px #f6b80055; animation: title-glow 4s ease-in-out infinite alternate; } @keyframes title-glow { from { text-shadow: 0 0 10px #f6b80055; } to { text-shadow: 0 0 26px #facc1555; } } header p { margin: 4px 0 0; color: var(--muted); font-size: 0.95rem; } .page { max-width: 1200px; margin: 0 auto; padding: 0 16px 40px; } /* Top Controls */ .top-controls { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; margin: 18px 0 10px; } .lego-toggle { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 999px; border: 1px solid var(--border); background: #020617; cursor: pointer; font-size: 0.8rem; color: var(--muted); transition: background .2s ease, transform .2s ease, box-shadow .2s ease; } .lego-toggle:hover { background: #0f172a; transform: translateY(-1px); box-shadow: 0 6px 16px rgba(0,0,0,0.5); } .lego-toggle-dot { width: 16px; height: 16px; border-radius: 50%; background: radial-gradient(circle at 30% 30%, #facc15, #b91c1c); box-shadow: 0 0 0 2px #111827; } /* Tabs */ .tabs { display: flex; flex-wrap: wrap; gap: 8px; } .tab-btn { position: relative; padding: 8px 16px; border-radius: 999px; border: 1px solid #1f2937; background: #020617; color: var(--muted); font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.14em; cursor: pointer; transition: background .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease; } .tab-btn::before { content: ""; position: absolute; inset: 4px; border-radius: 999px; border: 1px solid transparent; transition: border-color .2s ease; } .tab-btn:hover { background: #0f172a; color: var(--accent); transform: translateY(-1px); box-shadow: 0 8px 18px rgba(0,0,0,0.5); } .tab-btn.active { background: linear-gradient(135deg, #facc15, #f97316); color: #111827; box-shadow: 0 10px 24px rgba(0,0,0,0.7); } .tab-btn.active::before { border-color: #11182766; } /* Layout */ .grid { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1.3fr); gap: 18px; margin-top: 18px; } @media (max-width: 900px) { .grid { grid-template-columns: minmax(0, 1fr); } } section.card { background: var(--card); border-radius: 16px; border: 1px solid var(--border); padding: 18px 18px 20px; position: relative; overflow: hidden; box-shadow: 0 16px 40px rgba(0,0,0,0.6); transform-origin: center; animation: card-in .5s ease-out both; } section.card::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at top left, #f6b80011 0, transparent 55%); opacity: 0.7; pointer-events: none; } @keyframes card-in { from { opacity: 0; transform: translateY(10px) scale(0.98); } to { opacity: 1; transform: translateY(0) scale(1); } } section.card h2 { margin: 0 0 6px; font-size: 1rem; text-transform: uppercase; letter-spacing: 0.16em; color: var(--accent); } section.card p { margin: 4px 0 6px; font-size: 0.9rem; color: var(--text); } .pill-row { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; } .pill { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.12em; padding: 3px 9px; border-radius: 999px; border: 1px solid var(--border); background: #020617; color: var(--muted); white-space: nowrap; } .pill--accent { border-color: var(--accent-soft); background: #1f2937; color: var(--accent); } .pill--danger { border-color: #f9737355; background: #1f1720; color: var(--danger); } /* LEGO Brick Buttons */ .brick-btn { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 10px; border: 2px solid #111827; background: linear-gradient(145deg, #facc15, #f97316); color: #111827; font-size: 0.8rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.12em; cursor: pointer; box-shadow: 0 0 0 2px #b91c1c, 0 8px 0 #7f1d1d, 0 12px 18px rgba(0,0,0,0.7); transform: translateY(0); transition: transform .15s ease, box-shadow .15s ease; margin-top: 8px; } .brick-btn:hover { transform: translateY(2px); box-shadow: 0 0 0 2px #b91c1c, 0 4px 0 #7f1d1d, 0 8px 12px rgba(0,0,0,0.7); } .brick-btn-dot { width: 10px; height: 10px; border-radius: 50%; background: radial-gradient(circle at 30% 30%, #fef9c3, #f97316); box-shadow: 0 0 0 2px #111827; } /* Map Grid */ .map-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 10px; margin-top: 8px; } .map-tile { position: relative; padding: 10px 10px 12px; border-radius: 12px; border: 1px solid #1f2937; background: #020617; cursor: pointer; overflow: hidden; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease; } .map-tile::before { content: ""; position: absolute; inset: -40%; background: radial-gradient(circle at 0 0, #f6b80022 0, transparent 55%); opacity: 0; transition: opacity .2s ease; pointer-events: none; } .map-tile h3 { margin: 0 0 2px; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.12em; color: var(--accent); } .map-tile p { margin: 0; font-size: 0.8rem; color: var(--muted); } .map-tile span.tag { display: inline-block; margin-top: 4px; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.12em; color: #9ca3af; } .map-tile:hover, .map-tile.active { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(0,0,0,0.7); border-color: var(--accent-soft); background: #020617; } .map-tile:hover::before, .map-tile.active::before { opacity: 1; } /* Shadow Creatures Row */ .creature-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; } .creature-chip { flex: 1 1 120px; min-width: 120px; padding: 8px 10px; border-radius: 10px; border: 1px solid #1f2937; background: #020617; font-size: 0.8rem; display: flex; align-items: center; justify-content: space-between; color: var(--muted); cursor: pointer; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease; } .creature-chip span { font-size: 0.8rem; } .creature-dot { width: 8px; height: 8px; border-radius: 50%; background: radial-gradient(circle at 30% 30%, #fecaca, #b91c1c); box-shadow: 0 0 0 2px #020617; } .creature-chip:hover { transform: translateY(-1px); box-shadow: 0 8px 18px rgba(0,0,0,0.6); border-color: #f9737355; background: #111827; color: #fecaca; } /* Code Block */ .code-block { font-family: var(--mono); font-size: 0.78rem; background: #020617; border-radius: 10px; border: 1px solid #1f2937; padding: 8px 10px; margin-top: 6px; overflow-x: auto; white-space: pre; color: #e5e7eb; } /* Sets Table */ .table-wrapper { margin-top: 8px; border-radius: 12px; border: 1px solid #1f2937; overflow: hidden; background: #020617; } table { width: 100%; border-collapse: collapse; font-size: 0.8rem; } thead { background: #0b1120; } th, td { padding: 7px 8px; text-align: left; border-bottom: 1px solid #111827; } th { font-weight: 600; text-transform: uppercase; letter-spacing: 0.12em; font-size: 0.72rem; color: var(--muted); } tbody tr:nth-child(even) { background: #020617; } tbody tr:hover { background: #111827; transition: background .15s ease; } .price { white-space: nowrap; } /* Tabs Content */ .tab-panel { display: none; animation: fade-in .25s ease-out both; } .tab-panel.active { display: block; } @keyframes fade-in { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } } footer { margin-top: 26px; text-align: center; font-size: 0.8rem; color: var(--muted); } /* === BILDERGALERIE === */ .img-gallery { margin-top: 10px; display: flex; flex-direction: column; gap: 16px; } .img-cat { background: #0d1018; border-radius: 10px; border: 1px solid var(--border); padding: 12px 14px; } .img-cat-label { font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.12em; color: var(--accent); font-weight: 700; display: block; margin-bottom: 8px; } .img-row { display: flex; flex-wrap: wrap; gap: 8px; } .img-row a { display: flex; flex-direction: column; align-items: center; gap: 4px; text-decoration: none; } .img-row a img { width: 90px; height: 62px; object-fit: cover; border-radius: 6px; border: 1px solid var(--border); transition: border-color .2s, transform .2s; background: #020617; } .img-row a:hover img { border-color: var(--accent); transform: scale(1.06); } .img-row a span { font-size: 0.65rem; color: var(--muted); text-align: center; } /* === LEGO-MODELL GENERATOR === */ #lego-generator { margin-top: 18px; } .gen-area { background: #0d1018; border: 1px solid var(--border); border-radius: 10px; padding: 14px; } .gen-area label { font-size: 0.8rem; color: var(--muted); display: block; margin-bottom: 6px; } .gen-checkboxes { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; } .gen-checkboxes label { display: flex; align-items: center; gap: 5px; font-size: 0.78rem; color: var(--text); background: #141824; padding: 4px 10px; border-radius: 999px; border: 1px solid var(--border); cursor: pointer; } .gen-checkboxes input[type=checkbox] { accent-color: var(--accent); } #gen-output { margin-top: 12px; background: #020617; border-radius: 8px; border: 1px solid var(--border); padding: 12px; font-size: 0.82rem; min-height: 80px; color: var(--text); white-space: pre-wrap; line-height: 1.6; } #gen-output.loading { color: var(--muted); font-style: italic; } .gen-total { margin-top: 8px; font-weight: 700; color: var(--accent); font-size: 0.9rem; } /* Map-Tile Bild-Overlay */ .map-tile { position: relative; overflow: hidden; } .map-tile::after { content: ""; position: absolute; inset: 0; background: inherit; background-size: cover; background-position: center; opacity: 0; transition: opacity .4s ease; border-radius: inherit; z-index: 0; } .map-tile:hover::after, .map-tile.active::after { opacity: 0.22; } .map-tile h3, .map-tile p, .map-tile span.tag { position: relative; z-index: 1; } /* Creature Chips mit Thumbnail */ .creature-chip { cursor: pointer; gap: 8px; } .creature-thumb { width: 48px; height: 48px; object-fit: cover; border-radius: 6px; border: 1px solid var(--border); flex-shrink: 0; transition: transform .2s ease; } .creature-chip:hover .creature-thumb { transform: scale(1.12); border-color: var(--accent); } #creature-lightbox { display: none; } #creature-lightbox.open { display: flex !important; } /* === KONZEPT-TAB === */ .konzept-lead { font-size: 1.05rem; line-height: 1.8; color: var(--text); border-left: 3px solid var(--accent); padding-left: 14px; margin-bottom: 22px; } .konzept-section { margin-bottom: 26px; } .konzept-section h3 { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.18em; color: var(--accent); margin: 0 0 10px; display: flex; align-items: center; gap: 8px; } .konzept-section h3::after { content: ""; flex: 1; height: 1px; background: var(--border); } .konzept-section p { font-size: 0.88rem; line-height: 1.8; color: #c9d1da; margin: 0 0 8px; } .konzept-diff { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 10px 0 14px; } .konzept-diff-card { padding: 12px 14px; border-radius: 8px; border: 1px solid var(--border); background: #0d1018; font-size: 0.82rem; line-height: 1.6; } .konzept-diff-card .diff-label { font-size: 0.65rem; text-transform: uppercase; letter-spacing: 0.14em; color: var(--muted); margin-bottom: 4px; } .konzept-diff-card.alt { border-color: var(--accent); background: rgba(246,184,0,0.06); } .konzept-diff-card.alt .diff-label { color: var(--accent); } /* Sechseck-Grid */ .sechseck-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 12px 0 20px; } @media (max-width: 600px) { .sechseck-grid { grid-template-columns: 1fr 1fr; } } .sechseck-card { background: #0d1018; border: 1px solid var(--border); border-radius: 10px; padding: 14px 12px; position: relative; transition: border-color .2s, transform .2s; } .sechseck-card:hover { border-color: var(--accent); transform: translateY(-2px); } .sechseck-nr { font-size: 0.6rem; font-family: var(--mono); color: var(--muted); margin-bottom: 6px; letter-spacing: 0.1em; } .sechseck-icon { font-size: 1.4rem; display: block; margin-bottom: 6px; } .sechseck-card h4 { font-size: 0.82rem; font-weight: 700; color: var(--accent-strong); margin: 0 0 4px; letter-spacing: 0.06em; } .sechseck-card p { font-size: 0.75rem; color: var(--muted); line-height: 1.6; margin: 0; } /* Weltformel */ .weltformel-block { background: #0d1018; border: 1px solid var(--accent); border-radius: 12px; padding: 22px 20px; text-align: center; margin: 16px 0 22px; position: relative; overflow: hidden; } .weltformel-block::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 50% 0, rgba(246,184,0,0.08) 0, transparent 70%); pointer-events: none; } .weltformel { font-size: clamp(1.1rem, 3vw, 1.6rem); font-family: var(--mono); color: var(--accent-strong); letter-spacing: 0.08em; margin: 0 0 10px; text-shadow: 0 0 20px rgba(246,184,0,0.4); } .weltformel em { color: var(--muted); font-style: normal; font-size: 0.75em; } .weltformel-sub { font-size: 0.78rem; color: var(--muted); line-height: 1.7; max-width: 480px; margin: 0 auto; } /* Phasen */ .phasen-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 12px 0; } @media (max-width: 600px) { .phasen-grid { grid-template-columns: 1fr; } } .phase-card { background: #0d1018; border: 1px solid var(--border); border-radius: 10px; padding: 14px 14px; display: flex; gap: 12px; align-items: flex-start; } .phase-nr { font-size: 1.6rem; font-family: var(--mono); color: var(--accent); font-weight: 900; line-height: 1; flex-shrink: 0; opacity: 0.35; } .phase-card h4 { font-size: 0.82rem; font-weight: 700; color: var(--text); margin: 0 0 4px; } .phase-card p { font-size: 0.75rem; color: var(--muted); line-height: 1.6; margin: 0; } /* Paradigma-Box */ .paradigma-box { background: linear-gradient(135deg, rgba(29,78,216,0.08) 0, rgba(246,184,0,0.06) 100%); border: 1px solid #1f2937; border-radius: 12px; padding: 18px 18px; margin-top: 18px; } .paradigma-box h4 { font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.15em; color: var(--accent); margin: 0 0 10px; } .paradigma-pills { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; } .paradigma-pill { font-size: 0.72rem; padding: 4px 10px; border-radius: 999px; border: 1px solid var(--border); color: var(--muted); background: #020617; } .paradigma-pill span { color: var(--accent); margin-right: 4px; } /* === MONSTER ENGINE === */ .monster-card { background: #0d1018; border: 1px solid var(--border); border-radius: 10px; overflow: hidden; } .monster-card-head { background: #141824; padding: 8px 14px; font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.14em; color: var(--accent); font-weight: 700; border-bottom: 1px solid var(--border); } .monster-card-body { padding: 12px 14px; font-size: 0.82rem; line-height: 1.7; color: var(--text); } .monster-card-body p { margin: 4px 0; } .monster-card-body b { color: var(--accent-strong); } .threat-bar { display: flex; align-items: center; gap: 10px; margin: 8px 0 10px; } .threat-track { flex: 1; height: 6px; background: #1f2937; border-radius: 999px; overflow: hidden; } .threat-fill { height: 100%; border-radius: 999px; transition: width .6s ease; } .threat-val { font-family: var(--mono); font-size: 0.8rem; color: var(--accent); flex-shrink: 0; } .set-chip { display: inline-block; background: #141824; border: 1px solid var(--border); border-radius: 6px; padding: 4px 10px; margin: 4px 4px 2px 0; font-size: 0.78rem; } .set-nr { font-family: var(--mono); color: var(--muted); font-size: 0.7rem; }

THE BRICKED LABYRINTH

Interaktive LEGO‑Übersicht: Spielwelt, Schattenkreaturen, Boss & Luxus‑Set‑Liste

Spielwelt – Module & Bereiche

„The Bricked Labyrinth“ ist eine modulare LEGO‑Horrorwelt, die real gebaut und in Roblox Studio digital rekonstruiert wird.

Labyrinth Mechanik Boss‑Design Schattenkreaturen Pflanzen & Ruinen Roblox‑Übertragung

Interaktive Weltkarte (Bereiche): Bewege die Maus über die Kacheln – stell dir vor, wie sie auf der Grafik aufleuchten.

🏰 Hauptlabyrinth

Modulare Räume, Gänge, Brücken, Abgründe.

Start → Dark Corridors → Mini‑Figure Wall

⚙️ Mechanik‑Trakt

Zahnräder, Hebel, bewegliche Plattformen, Türen.

Traps & Gears

👹 Bosskammer – Assembler

Asymmetrischer Boss mit Technic‑Skelett & Minifig‑Köpfen.

Final Boss Battle

🌑 Schattenkreaturen‑Zone

Reaper, Spinne, Kürbisfigur, Monster.

Jumpscares & Begegnungen

🌿 Nebelgärten & Ruinen

Pflanzen, Wasser, Nebel, Ruinen & Sumpf.

Foggy Gardens – Ruins & Swamp

🔦 First‑Person‑Gänge

Dunkle, enge Gänge mit Lampen & Schattenfiguren.

Dark Corridor

Schattenkreaturen – LEGO‑Silhouetten

Vier ikonische Schattenwesen, die in der Grafik und im Spiel auftauchen:

Reaper mit Sense Reaper
Spinnenwesen Spinnenwesen
Kürbisfigur Kürbisfigur
Schatten‑Monster Schatten-Monster

LEGO‑Sets – Luxus‑Version

Alle im Chat definierten Sets, zugeordnet zu den Bereichen der Spielwelt.

Bereich Set‑Name Nr. Preis Funktion
Architektur & Labyrinth Classic Große Bausteine‑Box 10698 ≈ 55 € Wände, Räume, Grundstruktur
Architektur & Labyrinth Classic 90 Jahre 11021 ≈ 50 € Farbvielfalt, dunkle Steine
Architektur & Labyrinth Classic Bricks & Animals 11011 ≈ 55 € Figuren, Tiere, zusätzliche Steine
Architektur & Labyrinth Creator Mittelalterliche Burg 31120 ≈ 100 € Tore, Mauern, Texturen
Architektur & Labyrinth City Straßenplatten 60304 ≈ 20 € Bodenmodule für Gänge
Mechanik‑Trakt Technic Batmobile 42127 ≈ 90 € Zahnräder, Achsen, Mechanik
Mechanik‑Trakt Technic Airbus H175 42145 ≈ 200 € Rahmen, Gelenke, Mechanik‑Strukturen
Mechanik‑Trakt Technic Kompaktlader 42116 ≈ 12 € Kleine Hebel & Zahnräder
Boss & Schattenwesen Ninjago Ultra Combo Mech 71765 ≈ 80 € Basis für Boss „Assembler“
Boss & Schattenwesen Minifiguren‑Serie (10 Figuren) 710xx ≈ 40 € Köpfe, Torsi, Accessoires
Boss & Schattenwesen Icons Licht‑Set 40526 ≈ 20 € Leuchtende Augen, Lampen
Boss & Schattenwesen Creator Gruselhütte 31131 ≈ 45 € Kürbisfigur, Grusel‑Deko
Pflanzen & Atmosphäre City Gefängnisausbruch 60276 ≈ 30 € Gitter, Türen, Ruinen‑Elemente
Pflanzen & Atmosphäre Creator Pflanzenwelt 10329 ≈ 50 € Pflanzen, Wurzeln, Dschungel
Pflanzen & Atmosphäre Icons Botanischer Garten 10315 ≈ 85 € Nebelgärten, Wasser, Ruinen & Sumpf
Elektronik (optional) Technic Hub (Control+) 88012 ≈ 90 € Steuerzentrale für Motoren & Licht
Elektronik (optional) Technic L‑Motor 88013 ≈ 40 € Bewegung für Türen, Arme, Plattformen
Elektronik (optional) Technic XL‑Motor 88014 ≈ 50 € Starke Motorik für Boss‑Bewegungen
Elektronik (optional) Technic LED Light Set 88005 ≈ 20 € Lichteffekte in Gängen & Boss‑Augen
Elektronik (optional) Technic App‑gesteuertes Fahrzeug 42140 ≈ 130 € Hub + Motoren für mobile Plattformen
Elektronik (optional) Technic Liebherr Bagger 42100 ≈ 450 € Großes Elektronik‑Komplettpaket

Budget grob: ohne Elektronik ca. 900–950 €, mit Elektronik ca. 1.150–1.350 €.

Chat-Dramaturgie & Story-Engine

Nutze dieses Interface, um neue Plot-Points oder Set-Erweiterungen zu generieren.

// System: Initialisierung abgeschlossen...
Assistant: Bereit für das nächste Kapitel von "The Bricked Labyrinth". Was soll als Nächstes passieren?
Prompt für Gemini:
Kopiere diesen Text in den Chat, um die Simulation fortzuführen...
User: Luxus Version, was kostet die insgesamt?
Assistant: Luxus‑Set‑Liste (~845 €) mit Architektur, Mechanik, Monster, Atmosphäre.

User: Zeige uns Schattenkreaturen als Grafik.
Assistant: Grafik mit Reaper, Spinne, Kürbis, Monster im LEGO‑Stil.

User: Berechne, welche Sets wir brauchen.
Assistant: Luxus‑Version mit ca. 1.250–1.400 € inkl. Pflanzen & Landschaften.

User: Brauchen wir LEGO Technic Elektronik?
Assistant: Ja, für bewegliche Plattformen, Boss‑Animation, Lichteffekte (Hub, Motoren, LEDs).

User: Grafische Übersicht, welches Set welchen Bereich abdeckt.
Assistant: Tabelle mit Bereichen & Sets (Architektur, Mechanik, Boss, Pflanzen, Elektronik).

User: HTML‑Datei, die alles darstellt – mit LEGO‑Design & Interaktion.
Assistant: Diese Seite. 🎭🧱

Du kannst diesen Block direkt in eine Projektmappe übernehmen, um den kreativen Prozess zu dokumentieren.

Bildarchiv – Spielwelt

Offizielle Grafiken aus dem Projektordner des Bricked Labyrinth:

Das Vorhaben — Digitale Ontologie 2.0

„The Bricked Labyrinth" ist nicht nur ein AG-Projekt. Es ist der exemplarische Vollzug einer Theorie: dass Kinder zu Gestaltern wirksamer Welten werden — nicht zu Bedienern fertiger Systeme.

Das Problem — Ontologische Defizienz

Die klassische IT-Bildung lehrt das Schema — Datenstrukturen, Logik, Syntax — und vernachlässigt die vorgängige Frage: Wie tritt ein Ding überhaupt ins Bewusstsein? Kinder werden zu Bedienern fertiger Systeme ausgebildet, nicht zu Gestaltern wirksamer Welten.

Realität
Physische Materie — greifbar, schwer, brechend. Der LEGO-Stein, der fällt.
Wirklichkeit
Wirksamkeit — das, was ein Ding bewirkt. Ein Traum ist nicht real, aber er löst echte Angst, echte Entscheidungen, echte Erinnerungen aus.
Informatik 1.0
„Wie funktioniert das System?"
Digitale Ontologie 2.0
„Was bewirkt mein Handeln in diesem System?"

Die Weltformel

( Authention × Performanz ) ÷ Impertinenz

Das schöpferische Subjekt (Authention) im Vollzug seines Handelns (Performanz), geteilt durch den Widerstand des Realen (Impertinenz) — in dieser Reihenfolge, mit dieser Klammer: erst wird der schöpferische Akt im Vollzug zusammengeführt, dann geteilt durch den Widerstand. Ohne Klammer würde Impertinenz nur Performanz dividieren — die Logik wäre verkehrt.

Das morphologische Sechseck

Sechs Dimensionen des Erscheinens — operative Kartographie des Lernens, nicht akademische Taxonomie:

01
🧱

Impertinenz

Widerstand des physischen Objekts. Der echte LEGO-Stein — schwer, greifbar, widerspenstig. Voraussetzung dafür, dass das Digitale als Übersetzung, nicht als Beliebigkeit erfahren wird.

02
🌍

Intuition

Leibliches Erleben von Räumen. Der Körper als primärer Maßstab. Wer den LEGO-Keller mit Händen gebaut hat, kennt Enge und Proportion — nicht aus der Vogelperspektive.

03

Bedeutung

Verwandlung von Zeichen in persönliche Symbole. Zeichen bedeuten nicht, was sie zeigen — sondern was man in sie einschreibt. Symbol-Kompetenz.

04

Authention

Der Mensch als schöpferischer Ursprung der Entscheidung — gegen den Algorithmus als Entscheidungsinstanz. Das Kind als Autor seiner digitalen Welt, nicht als User.

05
🎭

Performanz

Das Ereignis im Moment des Handelns. Was im Spiel geschieht, ist nicht simuliert — es ist vollzogen. Die Handlung erzeugt ihre Wirklichkeit im Vollzug.

06
🗂

Schema

Die technische Modellierung — klassische Informatik als notwendige, nicht hinreichende Grundlage. Schema ohne die anderen fünf: Informatik 1.0. Mit ihnen: Digitale Ontologie 2.0.

Methodik — Die vier Phasen

01

Einstieg & Grundlagen

Einführung in Roblox Studio und LEGO-Bauprinzipien. Level-Design-Basics. Beide Welten als Werkzeuge begreifen — nicht als Spielplätze.

02

Analoger Bau — LEGO

Das physische Modell entsteht zuerst. Räume, Monster, Mechaniken — greifbar, dreidimensional, schwer. Diese Phase eicht die digitale.

03

Digitale Übersetzung — Roblox

Der Transfer: Was physisch gebaut wurde, wird digital übersetzt — nicht kopiert. In den Übersetzungsentscheidungen wird Ontologie sichtbar: Was bleibt? Was geht verloren?

04

Finalisierung & Publikation

Das Spiel wird veröffentlicht. Andere spielen es. Die Wirkung wird erfahrbar — der Moment, in dem Performanz vollständig wird.

The Bricked Labyrinth als Paradigma

Das Sechseck in spielbarer Form

Die sechs Bereiche des Labyrinths kartieren das morphologische Sechseck nicht als Theorie — sondern als gelebte Erfahrung. Das Ziel ist kein Spiel. Das Ziel ist ein reflektierter Weltbezug.

🧱Impertinenz — LEGO-Bau
🌍Intuition — selbst erlebte Räume
Bedeutung — Reaper & Kürbisfigur
Authention — jede Design-Entscheidung
🎭Performanz — Begegnung mit der Schattenkreatur
🗂Schema — Roblox-Skripte

🧱 LEGO-Modell-Generator

Wähle Bereiche aus – der Generator beschreibt das Modell, listet Sets und berechnet Kosten über Gemini.

👹 Monster-Engine 3.0

Beschreibe ein Monster frei — die Engine generiert Profil, Drohstufe, Bauplan und passende LEGO-Sets über Gemini.

Verwendung & Präsentation

So kannst du diese HTML‑Datei nutzen:

So öffnest du die Datei:

Hinweis zu Grafiken: Die im Chat beschriebenen Bilder (Weltkarte, Hochkant‑Map, Schattenkreaturen) kannst du später als <img> einbinden – diese HTML‑Struktur ist dafür bereits dramaturgisch vorbereitet.

Wenn du willst, kannst du in einem zweiten Schritt:
– echte PNGs/JPGs der Weltkarte einfügen
– Soundeffekte (Horror‑Ambiente) per <audio> ergänzen
– oder die Bereiche mit Links zu Roblox‑Projekten verknüpfen.