Neuen Kameraplan anlegen

Position bearbeiten

🎯 Übersicht

EasyNOC Kameraplan ist ein Browser-basierter Editor für Kameradispositionspläne. Es gibt vier Reiter:

• Kameraplan — Haupteditor: Hintergrund, Symbole, Zeichnungen
• Alle Pläne — Übersicht aller gespeicherten Pläne, öffnen, löschen
• Symbol-Bibliothek — Alle hochgeladenen Symbole verwalten (Name, Kategorie, Scale, Ersetzen)
• Upload & Verwaltung — Neue Symbole und Hintergründe hochladen

🎬 Kameraplan-Editor

Plan erstellen / öffnen

• + Neuer Plan — öffnet Dialog: Sportart, Venue, Typ, Standard, Hintergrund auswählen. Standard kann aus vorhandenen gewählt oder neu eingegeben werden.
• Alle Pläne — bestehende Pläne auflisten, anklicken zum Laden
• Speichern (Wolke) — speichert den aktuellen Plan auf dem Server inkl. aller Positionen, Farben, Beschriftungen

Symbole platzieren

• Symbol aus der rechten Palette einmal anklicken → Symbol ist aktiv (blau hervorgehoben)
• In den Plan klicken → Symbol wird einmalig platziert, Auswahl erlischt automatisch
• Symbol nochmals anklicken für weiteres Platzieren
• Symbol aus Palette in den Plan ziehen (Drag & Drop) möglich
• Symbole sind nach Kategorien gruppiert mit Trennlinie (Reihenfolge einstellbar über Kategorien-Manager)

Symbol auswählen und bearbeiten

• Klick auf Symbol → selektiert (blauer Rahmen, Handles an Ecken)
• Ziehen → Symbol verschieben
• Ecken-Handles ziehen → Größe frei ändern. Shift gehalten → proportional
• ⟳ Sync-Button → aktualisiert alle Symbole im Plan aus der Bibliothek (nach Bearbeitung dort)

✎ Werkzeugzeile

Zeile 1 (Auswahl & Steuerung) — immer sichtbar:

Button	Funktion
▶ Auswahl	Standard-Modus: Objekte anklicken, verschieben, bearbeiten
⬜ Auswahl	Mehrfach-Auswahl: Rechteck aufziehen, alle darin liegenden Objekte selektieren
↩ Undo	Letzte Zeichnung rückgängig (nicht für Symbole)
🗑 Löschen	Alle Zeichnungen löschen (Symbole bleiben)
↺ 45° / ↻ 45° / ↻ 90°	Ausgewähltes Symbol drehen (erscheint nur bei Selektion)
↔ Spiegeln	Ausgewähltes Symbol horizontal spiegeln
✂ Crop	Beschnitt-Modus: Rechteck auf Symbol ziehen → Bild beschneiden. ✖ Crop setzt zurück.

Zeile 2 (Zeichenwerkzeuge):

Werkzeug	Beschreibung
— Linie	Gerade Linie zeichnen. Linienart-Dropdown daneben wählt Stil (gestrichelt, Zickzack, Welle…)
→ Pfeil	Linie mit Pfeilspitze am Ende
▭ Rechteck	Rechteck aufziehen. Mit Füllung: Checkbox „an" aktivieren
○ Ellipse	Ellipse / freie Form. Shift → perfekter Kreis
○● Kreis	Immer perfekter Kreis, kein Shift nötig
T Text	Klick auf Canvas → Texteingabe-Dialog. Größe im Dropdown daneben. Doppelklick auf Text → nachbearbeiten
⬡ Polygon	Geschlossene Fläche. Je Klick ein Punkt, Doppelklick oder Klick auf Startpunkt → schließen
─┐ Polylinie	Offene Linie mit beliebigen Knicken. Je Klick ein Punkt, Doppelklick → abschließen

Nach dem Zeichnen springt das Werkzeug automatisch zurück auf „Auswahl". Zweiter Klick auf aktives Werkzeug schaltet es auch ab (ESC ebenfalls).

▨ Zeichnen & Formatieren

• Rahmenfarbe — Farb-Picker für Linien- und Randfarbe. Darunter 10 Farbspeicher-Kästchen (automatisch befüllt). Rechtsklick auf ein Kästchen → Farbe bearbeiten
• Füllung — Farbe für gefüllte Formen. Checkbox „an" aktiviert die Füllung
• Stärke — Linienstärke in Pixeln (1–20)
• Linienart — Dropdown neben Linie-Button: Durchgehend, Gestrichelt, Gepunktet, Strich-Punkt, Lang gestrichelt, Zickzack, Wellenlinie
• Anklicken eines Zeichnungsobjekts lädt seine Farb- und Stilwerte in die Werkzeugzeile → direkt änderbar

👁 Objektliste (rechte Spalte)

Alle Symbole und Zeichnungen in der Übersicht. Symbole sind nach Nummer sortiert.

Symbole

Spalte	Funktion
# (Nummer)	Editierbar. Bei Änderung wird die Liste sofort nach Nummer sortiert
Bezeichnung	Freitext-Name (erscheint als Label unter dem Symbol im Plan)
№ (Nr-Toggle)	Nummer für dieses Symbol im Plan ein/ausblenden (ausgegraut = aus)
A (Name-Toggle)	Bezeichnung für dieses Symbol im Plan ein/ausblenden
👁 (Auge)	Symbol komplett ausblenden (bleibt in der Liste, erscheint nicht im Export)
🎨 (Farbe)	Individuelle Nummern-Farbe für dieses Symbol (überschreibt die globale Farbe)
✕	Symbol aus dem Plan löschen

Globale Anzeige-Optionen (Header der Objektliste)

• № Nr — alle Nummern global ein/aus
• A Name — alle Bezeichnungen global ein/aus
• Farb-Picker daneben — globale Nummer-Badge-Farbe / globale Label-Hintergrundfarbe ändern

Zeichnungsobjekte

• Name — Bezeichnung frei editierbar (ändert nicht den Canvas-Inhalt, nur die Listenbezeichnung). Bei Text-Objekten wird zusätzlich der Textinhalt angezeigt
• Farb-Kästchen — Klick öffnet Custom-Farbwähler mit 10 Vorauswahl-Slots und Slider. Rechtsklick auf Slot → Farbe bearbeiten
• ✕ — Zeichnungsobjekt löschen

⌨ Tastaturkürzel

Taste	Funktion
ESC	Auswahl aufheben / Werkzeug abwählen / Polygon abbrechen / Crop-Modus beenden
Entf / Backspace	Ausgewähltes Objekt oder Mehrfach-Auswahl löschen (funktioniert nicht wenn ein Textfeld aktiv)
Ctrl+C	Ausgewähltes Objekt in internen Zwischenablage kopieren
Ctrl+V	Kopiertes Objekt versetzt einfügen. Mehrfaches Einfügen möglich
Ctrl+D	Duplizieren (Kopieren + Einfügen in einem Schritt)
↑ ↓ ← →	Ausgewähltes Objekt / Mehrfach-Auswahl um 1px verschieben
Shift+↑↓←→	Verschieben um 10px
+ / -	Ausgewähltes Symbol um 10% vergrößern / verkleinern
Shift beim Zeichnen	Linie/Pfeil: auf 45°-Schritte einrasten | Rechteck: Quadrat | Ellipse: Kreis | Polygon/Polylinie: Segment auf 45°
Backspace beim Polygon/Polylinie	Letzten gesetzten Punkt entfernen
Doppelklick auf Text	Text-Inhalt nachbearbeiten
Rechtsklick auf Objekt	Kontextmenü: Ebene (nach vorne/hinten), Löschen

📷 Symbol-Bibliothek & Upload

• Symbol-Bibliothek (Tab) — Tabelle aller Symbole mit direkt editierbarem Name, Kategorie-Dropdown, Scale-Faktor (Zahl) und Bildgröße. Kein Modal nötig für Massen-Bearbeitung
• ✎ Edit-Button — öffnet vollständiges Modal: Vorschau, Beschnitt-Vorschau, Scale-Slider, Datei ersetzen (Drag & Drop oder Klick). Originaldatei wird gelöscht, neue übernimmt alle Einstellungen
• ⬇ Export (im Edit-Modal) — lädt das Symbol als PNG herunter
• Scale-Faktor — Multiplikator relativ zur Basisgröße (60px Höhe). 0.5 = halb so groß, 2.0 = doppelt so groß. Gilt für alle neuen Platzierungen dieses Symbols
• ⚙ Kategorien — Kategorien hinzufügen, umbenennen, löschen, Reihenfolge mit ▲▼ ändern
• ⚙ Sportarten (Hintergründe) — Sportarten für Hintergründe verwalten

Upload

• PNG, WebP, SVG, JPEG werden unterstützt (max. 5 MB pro Datei)
• Mehrere Dateien gleichzeitig per Drag & Drop oder Datei-Auswahl
• Skalierung (Charge) — Slider vor dem Upload setzt den Scale-Faktor für alle Dateien dieser Charge
• Weißer/heller Rand wird beim Upload automatisch abgeschnitten (5px Puffer)
• Auto-Trim erkennt hellen und dunklen Hintergrund — dunkle Symbole auf schwarzem Hintergrund werden korrekt erkannt

💾 Export

• PNG — exportiert als PNG-Datei. Automatischer Trim: nur der Bereich mit Inhalt wird exportiert (+ 20px Puffer), weißer Hintergrund bleibt
• PDF — öffnet den Druckdialog des Browsers mit dem getrimten Plan. Als PDF drucken = PDF speichern
• Zwischenablage — kopiert den Plan als PNG in die System-Zwischenablage (direkt in Photoshop, PowerPoint etc. einfügen)
• Rand — der Plan hat 120px weißen Rand um den Hintergrund herum. Dieser ist im Editor sichtbar und kann für Beschriftungen außerhalb genutzt werden. Beim Export wird nur der tatsächlich genutzte Bereich exportiert
• Ausgeblendete Symbole (Auge-Icon) erscheinen nicht im Export

Hintergrund bearbeiten

Sportarten verwalten

Kategorien verwalten

Symbol bearbeiten

Bestätigen