Design System

BSP Komponenten-Bibliothek

zu den Slides
01

Farben

--bg #0c0d11
--surface
--surface-2
--border
--accent #7b6ef6
--green
--amber
--rose
02

Typografie

Eyebrow · Mono Caps

Heading 1

Heading 2

Heading 3

Lead — größerer, gedämpfter Einleitungstext für Slides.

Body — Standard-Fließtext in Inter, gedämpfte Farbe.

03

Buttons & Chips

Accent Aktiv Warnung Neutral
04

Cards & Stats

Fragment-Anzahl

live

Card mit Titelzeile und Inhalt. Solider Rahmen, kein Schatten.

BSP-Größen log nerwartet
Frame-ZeitO(n)-12%
05

Liste & Tabelle

  • Splitlinie teilt Raum in h⁺ und h⁻
  • Interne Knoten = Splitlinie
  • Blätter = Objektfragmente
OperationKosten
BSP-GrößeO(n log n)
KonstruktionO(n² log n)
TraversalO(n)
06

Code & Tasten

# 2DBSP(S)
if |S| <= 1: return leaf(S)
l   = line(s1)                  # erste Splitlinie
S+  = {s ∩ l⁺ : s ∈ S}
S-  = {s ∩ l⁻ : s ∈ S}
return node(l, 2DBSP(S+), 2DBSP(S-))

Navigation: A D oder Pfeil links Pfeil rechts blättern, Leertaste weiter

Visual: W S Zoom, R neu laden, P Pause, F Vollbild

07

Panel mit Titelbar

Grundriss 2DKamera
Ansicht Painter's