Differences

This shows you the differences between two versions of the page.

--- haustour [2025-10-24 15:38] – robbi5
+++ haustour [2025-10-26 01:41] (current) – robbi5
@@ Line 1: / Line 1: @@
 <!DOCTYPE markdown>
-Mittels 360°-Kameras erstellen wir zu unregelmäßigen Zeitpunkten eine Haustour, die unter https://temporaerhaus.de/tour/ erreichbar ist.
+Mittels einer 360°-Kamera erstellen wir zu unregelmäßigen Zeitpunkten eine Haustour, die unter https://temporaerhaus.de/tour/ erreichbar ist.
 ### Haustour erstellen
 Für die Insta 360° X3 haben wir ein selbstgebautes Haustour-Stativ, mit schwerem Fuß für Stabilität, einem beidhändigen Griff und Laser-Fadenkreuz für einfachere Positionierung.
+[FIXME: Foto Cam+Stativ]
 Das Haustour-Stativ hat eine T-Form am Fuß angebracht, das von der Orientierung mit den T-Stickern an der Decke im Haus übereinstimmen soll. Zur genauen Ausrichtung ist auch das Laser-Fadenkreuz hilfreich.
-Im Haus befinden sich an [FIXME, Anzahl > 30] Stellen durchnummerierte, schwarz/weiße T-Sticker an der Decke. Werden die Fotos genau in der Reihenfolge mit der 360°-Kamera aufgenommen, geht das Zuweisen hinterher deutlich schneller.
+{{ :haustour-deckensticker.jpg?200|}}
+Im Haus befinden sich an ca. 56 Stellen durchnummerierte, schwarz/weiße T-Sticker an der Decke. Werden die Fotos genau in der Reihenfolge mit der 360°-Kamera aufgenommen, geht das Zuweisen hinterher deutlich schneller.
 In der Nähe des Haustour-Stativs sollte sich auch ein Klemmbrett mit einem durchnummerierten Grundriss befinden, was das Suchen nach den Stickern einfacher machen sollte.
+**Mapping Nummern → Räume**
+```
+-1	Blick aufs Hausi von der anderen Straßenseite
+	Schaufenster (außen)
+	Haupteingang (außen)
+	Haupteingang (innen)
+	Leihladen
+	Leihladen (Regale)
+	Leihladen (vor WC)
+
+	WC (Erdgeschoss)
+	Atelier (Schaufenster)
+	Atelier (Spülbecken)
+	Lötlabor (Vorne)
+	Lötlabor (Mitte)
+	Lötlabor (Hinten)
+	Hackcenter (Vorne)
+	Laser
+	Nuki-Raum
+	Hackcenter (Mitte)
+	Hackcenter (Hinten)
+	Wohnzimmer
+	Holzwerkstatt (Eingang)
+	Holzwerkstatt (Werkbank)
+	Holzwerkstatt (Notausgang)
+	Holzwerkstatt (Hinten)
+	Holzwerkstatt (Wendeltreppe)
+	Treppenhaus (Erdgeschoss)
+	Treppenhaus (Zwischengeschoss 0.5)
+	Treppenhaus (1. OG)
+	Flur (Vorhang, 1. OG)
+	Besprecher (Vorne)
+	Besprecher (Hinten)
+
+	Flur (1. OG)
+	WC (1. OG)
+	Küche (1. OG)
+
+
+	Küche (Erdgeschoss)
+	Küche (Automaten)
+	Salon (Vorne)
+
+	Salon (Mischpult)
+	Salon (Bühne)
+	Salon (Mitte)
+	Salon (Hinten)
+	Salon (Stuhllager)
+	repair4u (Vorne)
+	repair4u (Hinten)
+```
+Beim Fotografieren darauf achten, möglichst keine Menschen und keine sichtbaren Wifi-QR-Codes abzulichten.
 ### Fotos ziehen
@@ Line 17: / Line 77: @@
 Die Insta 360° X3 per USB-C an den Rechner anschließen, mit [Insta360Studio](https://www.insta360.com/de/download) importieren. (Leider ist die Herstellersoftware nötig, wir haben bislang kein anderes Tool gefunden, was die 360°-Fotos passend konvertiert :( )
-### Räume mappen
+Mit der Export-Funktion ohne weitere Veränderungen alle Fotos wieder als 360°-JPG exportieren.
+Um das Editieren noch mehr zu vereinfachen, muss jedes `.jpg` noch zu seiner Marker-Nummer umbenannt werden. Raumfotos, die eine Variante zeigen (z.B. Tür zu) mit einem Buchstaben-Suffix versehen (`11a.jpg` / `11b.jpg`) und seperat ablegen. Üblicherweise nutzen wir bei der Haustour nur Fotos mit offenen Türen, da die das Navigieren in den nächsten Raum offensichtlicher machen.
+### HowTo Editor
+Unter `https://pte.ech0.fiber.garden` lebt unser Panorama-Tour-Editor (nur mit Auth zugänglich).
+Beim Aufruf wird automatisch eine neue Tour mit zufälligem Namen angelegt, Namensvergabe kann durch URL-Manipulation am Anfang überschrieben werden (so z.B. → `https://pte.ech0.fiber.garden/tour-2020`)
+Der Editor hat 3 Ansichten, zwischen denen jederzeit gewechselt werden kann (🌐 Panorama-Ansicht, 🔗 Linking-Ansicht, 🗺️ Karten-Ansicht).
+Es gibt eine Reihenfolge für die Operationen, die sinnvollerweise eingehalten werden sollte.
+#### Hochladen
+Mit dem ➕ Button im Editor lässt sich ein neues/weiteres Panoramafoto hochladen.
+#### Stockwerke
+In der Kartenansicht oder Linkingansicht, kann mit einem Linksklick eine andere Szene (aka ein anderes Panoramafoto) geladen werden.
+Erster Schritt ist, dass alle Szenen dem richtigen Stockwerk zugewiesen sind. Dazu nacheinander die Panoramas durchgehen und mit einem Rechtsklick auf das Stockwerk in der Toolbar, oder ALT+ die entsprechende Taste, das richtige Stockwerk zuweisen.
+#### Position
+Das zweite was angepasst werden sollte ist die Position auf der Karte.
+Dazu am besten die Kartenansicht öffnen und dann mit HJKL/WASD/Pfeiltasten, oder den Buttons in der Toolbar, die Szene dorthin verschieben wo das Foto aufgenommen wurde. Jeder Klick verschiebt die Position um einen Meter, wenn es feiner verschoben werden soll, kann auch ALT mit der Taste gedrückt werden, oder ein Rechtsklick auf den Button in der Toolbar gemacht werden.
+Falls die Position ganz weit entfernt ist, oder ein Panorama noch gar nicht auf der Karte zu sehen ist, dann kann auch mit einem Rechtsklick auf der Vollbild-Karte eine gerade sichtbare Szene an eine gewünschte Position verschoben werden. Diese sollte so genau wie möglich stimmen, da diese genutzt wird um die Verlinkungen untereinander in der Panoramaansicht an der richtigen Stelle einzublenden.
+#### Verlinken
+Nachdem alle Szenen an den richtigen Positionen sind, können die Verlinkungen zu anderen Szenen konfiguriert werden. Das geht entweder über die Linking-Ansicht oder die Kartenansicht. Eine Szene laden und dann die anderen Szenen mit einem Rechtsklick linken. Auf der Kartenansicht wird dann ein entsprechender Pfad eingeblendet. Hier darauf achten, dass die einigermaßen Sinn ergeben, also dass man nicht durch eine Wand läuft :)
+#### Ausrichtung
+Nächster Schritt ist die Ausrichtung der Szenen. Abhängig davon in welche Richtung die Kamera gedreht war, wenn das Foto gemacht wurde, ist die Ausrichtung etwas unterschiedlich. Beim Fotografieren achten wir ja darauf, dass die Orientierung stimmt, aber es passt oft nicht ganz genau.
+Dafür die entsprechende Szene laden und in die Panoramaansicht wechseln. Hier werden Himmelsrichtungen (N E S W) durch vertikale Markierungen angezeigt. Mit Klick auf ↪/↩ bzw. der größer/kleiner Tasten auf der Tastatur, können die Himmelsrichtungen justiert werden.
+Um diesen Prozess einfacher zu machen, verwenden wir hier nicht den geografischen Norden, sondern eine bestimmte Wand im Gebäude. Mit ALT oder Rechtsklick, kann hier auch feiner gedreht werden. Es wird zusätzlich auch TN (True North) als weitere Richtung angezeigt. Das ist szenenübergreifend (unter den Global Options) eingestellt und ist der Offset von unserem virtuellen Norden und dem geografischen Norden. Das sollte einmalig möglichst richtig eingestellt werden und dann nicht mehr geändert werden.
+Als nächstes kann der Horizont der Szenen angepasst werden, falls nötig. Manchmal steht die Kamera nicht ganz gerade, was dann den Raum sehr schräg aussehen lässt. Unter den Horizon-Einstellungen, lässt sich die virtuelle Kamera je Szene neigen um das auszugleichen. Dies ist abhängig vom vorher eingestellten North Offset, also zuerst das machen (siehe vorheriger Absatz). Hier gibt es zwei Neigerichtungen.
+Zuerst in der Panoramaansicht nach Osten/Westen schauen und mit den grünen Knöpfen (U/I) das Bild richtig ausrichten. Dann nach Norden/Süden schauen und mit den roten Knöpfen (O/P) diese Neigung anpassen.
+Danach gerne nochmal umschauen, ob es jetzt passt. Wie üblich lässt sich mit ALT + Taste/ bzw. Rechtsklick in der Toolbar eine feinere Neigung vornehmen. Die aktuellen Werte werden auch oben links (horizonRoll/horizonPitch) angezeigt, falls es zu sehr geneigt ist und es wieder rückgängig gemacht werden soll.
+#### Check & Meta
+Nach diesen Änderungen sollte die Tour durchlaufbar sein, so dass die Markierungen um zur nächsten Szene zu laufen an der richtigen Stelle sind und man beim laufen nicht plötzlich in eine andere Richtung schaut.
+Als letztes (oder eigentlich zu jedem Zeitpunkt) können noch die Metadaten der Szenen konfiguriert werden. Jede Szene sollte einen Namen haben, der sich über R bzw. 🏷️ eingestellt werden kann. Hier sollte der Raum stehen und falls es für diesen Raum mehrere Bilder gibt noch ein Zusatz dabei.
+Die Szenen auf Zwischenstockwerken (also auf der Treppe, zwischen einem Stock und dem nächsten), sollten als solche gekennzeichnet werden 🪜 (bzw. Slash "/" Taste).
+Szenen die später nicht veröffentlicht werden, weil die sich im internen Bereich befinden, können mit Klick auf 💿 versteckt werden. Im Editor werden die weiterhin verlinkt, aber wenn die Tour exportiert wird, werden die wegelassen.
+### Export & Upload
+Der Editor besitzt einen Export-Button, aus dem dann eine deployfähige Haustour als .zip fällt. Aktuell werfen wir die noch von Hand in einen Unterordner von temporaerhaus.de/tour/, zusätzlich passen wir die Übersichtsseite auf noch an. Dazu aus einem markanten Haustourbild noch ein Vorschauschnippsel im Format 1340px × 340px croppen.
+### Credits/Woher stammt die Minimap?
-Der wunderbare Panorama-Viewer von ech0 basiert auf einem OSM-Export für die Minimap. Dieses haben wir bislang über [JOSM](https://josm.openstreetmap.de), dem [PicLayer](https://wiki.openstreetmap.org/wiki/JOSM/Plugins/PicLayer)-Plugin, dem [importVec](https://wiki.openstreetmap.org/wiki/JOSM/Plugins/ImportVec)-Plugin sowie dem [measure](https://wiki.openstreetmap.org/wiki/JOSM/Plugins/measurement)-Plugin erzeugt.
+Der wunderbare [Panorama-Viewer von ech0](https://github.com/ech0-de/panorama-tour) nutzt einen OSM-Export für die Minimap. Dieses haben wir bislang über [JOSM](https://josm.openstreetmap.de), dem [PicLayer](https://wiki.openstreetmap.org/wiki/JOSM/Plugins/PicLayer)-Plugin, dem [importVec](https://wiki.openstreetmap.org/wiki/JOSM/Plugins/ImportVec)-Plugin sowie dem [measure](https://wiki.openstreetmap.org/wiki/JOSM/Plugins/measurement)-Plugin erzeugt.
 {{tag>projekt}}

temporärhaus wiki

Page Tools

Site Tools

User Tools

Differences