Normalerweise ist eine Region in Opensim schon groß genug für umfangreiche Bauvorhaben. Trotzdem möchte man früher oder später weitere Regionen eröffnen, sei es zu Testzwecken oder um mal richtig mit großzügigen Ländereien zu protzen.

Beim letzten Mal habe ich erklärt, wie man seiner Region mit einer Height-Map eine realistische Landschaft verpasst. Heute hole ich noch mal aus und erstelle eine weitere Region südlich der ersten. Eine Grafik macht dabei das Opensim-Koordinatensystem verständlich, so dass das alles mal wieder kein großes Problem ist…

Lieber nicht übertreiben!

Wie viele Regionen man auf seinem Opensim betreiben möchte, muss jeder für sich selbst entscheiden. Ich empfehle lediglich, mit Augenmaß vorzugehen und es nicht zu übertreiben.

Denn schon eine einzige Region mit Objekten und Leben zu füllen ist enorm aufwändig. Zu Bedenken ist auch, dass jede Region zusätzliche Rechenleistung und RAM-Speicher benötigt.

Nichts desto trotz kann man ja mal die Grenzen ausloten…

Das Opensim-Koordinatensystem!

Jede Region wird auf dem Grid mittels eines X/Y-Koordinatensystems positioniert. Wir erinnern uns: Bei der Installation unserer ersten Region hatten wir für  “Location X” und “Location Y” jeweils den Wert 1000 eingegeben.

Wie verläuft aber nun das Koordinatensystem? Welches Feld muss ich angeben, wenn ich eine neue Region nördlich, südlich, direkt angrenzend oder sonst wo eröffnen möchte?

Dazu habe ich eine Grafik angefertigt:

Möchte ich also beispielsweise südlich von meiner Stamm-Region eine weitere Region angrenzen lassen, muss diese die Koordinaten x 1000 / y 999 tragen…

Die neue Region!

Als Übung werden wir genau dort jetzt eine neue Region erstellen.

Dazu öffnen wir im Verzeichnis c:\Opensim\bin\Regions\ die Datei Regions.ini mit einem einfachen Texteditor.

Zu sehen sind die Angaben unserer ersten Region. Wir müssen diese Zeilen alle kopieren und unterhalb wieder einfügen. Anschließend füllen wir diese hinzugefügten Zeilen mit den Werten der neuen Region und wiederholen diesen Vorgang für jede weitere Region. Aber noch mal langsam, Zeile für Zeile:

1. Region kopieren

Die Regions.ini mit einem Texteditor öffnen. Diese Zeilen kopieren und unterhalb wieder in die Regions.ini einfügen:

[Region1]
RegionUUID = ********-****-****-****-************
Location = 1000,1000
InternalAddress = 0.0.0.0
InternalPort = 9000
AllowAlternatePorts = False
ExternalHostName = SYSTEMIP
MasterAvatarFirstName = *Vorname*
MasterAvatarLastName = *Nachname*
MasterAvatarSandboxPassword = **********

2. Angaben ändern

In der ersten Zeile geben wir der neuen Region einen Namen, hier [Region2].

Die Zeilen “InternalAddress”, “AllowAlternatePorts” und “ExternalHostName” bleiben unverändert.

Auch unter “MasterAvatarFirstName”, “MasterAvatarLastName” und “MasterAvatarSandboxPassword” lässt man am besten alles unberührt. Erst wenn man eine neue Region einem anderen Avatar zuweisen möchte, muss man hier dessen Daten eingeben. Ist für unsere Zwecke hier aber sehr unpraktisch.

Unter “Location” werden die Koordinaten der neuen Region eingegeben. In unserem Fall (siehe oben) sieht die Zeile also folgendermaßen aus:

Location = 1000,999

Jede Region braucht einen eigenen Port, wir ändern “InternalPort” in “9001″ – also:

InternalPort = 9001

Hinweis zu Ports: Sobald man sein Opensim öffentlich machen will, muss man alle verwendeten Ports in der Firewall/Router freischalten, damit “von außen” jemand auf die Ports/Regionen zugreifen kann.

3. Die RegionUUID

Hierbei handelt es sich um eine eindeutige und einmalige Identifikationsnummer, die jede Region haben muss. So eine Nummer kann man sich generieren lassen. Die beliebteste Webseite dafür ist http://www.famkruithof.net/uuid/uuidgen, ein kostenloser UUID-Generator.

Ruft man diese Seite auf, steht sofort oben schon fettgedruckt eine UUIDUniversally Unique IDentifier bereit. Diese einfach per Copy & Paste in die Regions.ini kopieren.

Legt man sich gleich mehrere Regionen an, lassen sich auch entsprechend viele UUIDs auf einen Schlag generieren. Nicht vergessen, jede Opensim-Region braucht eine eigene, unverwechselbare UUID.

4. Speichern und testen

Das war es praktisch schon. Die Regions.ini bitte speichern und Opensim starten.

Wie jede neue Region hat auch unsere “Region2″ noch kein Land, sondern besteht nur aus der kleinen Anfangsinsel. Wie schon bei der Erst-Installation von Opensim werden wir sofort mal ein Flachland erstellen.

Bevor man die Landhöhe mit “terrain fill 21″ einstellt, muss man Opensim sagen, welche Region überhaupt gemeint ist (sofern mehrere Regionen vorhanden sind). Dazu gibt man den Befehl “change region”, gefolgt vom Namen der gewünschten Region, in das Opensim DOS-Fenster ein:

change region Region2

Alles was man jetzt im DOS-Fenster eingibt, wird auf Region2 angewendet. Mit “terrain fill 21″ wird die Landhöhe auf 21 Meter gesetzt, was 1 Meter über der Wasseroberfläche entspricht. Natürlich kann man der neuen Region auch eine eigene Height-Map verpassen, so wie ich es im Post “Region mit eigener Height-Map gestalten” beschrieben habe.

Nun den Hippo-Viewer wie gewohnt starten und die neue Region erkunden. Region2 sollte auch auf der Karte (Map) zu sehen sein. Überquert man die Grenzen zweier Regionen, bleibt der Avatar meist kurz stecken. Dies ist ein bekanntes Problem von Opensim/Second Life und braucht nicht weiter beachtet zu werden. Bis einem Linden-Programmierer endlich mal eine Lösung einfällt, ist dieses Verhalten zwar ärgerlich aber “normal”.

Beim nächsten Mal schreibe ich etwas über das Erstellen ganzer Kontinente mit eigenen Height-Maps…

Ursprünglich gedacht um Abkürzungen (Akronyme) verständlicher zu machen, inzwischen hauptsächlich für Werbezwecke (Text Ads) missbraucht. Trotzdem, richtig an den passenden Stellen eingesetzt, können TooltipsPop-Up mit zusätzlichen und hoffentlich nützlichen Informationen die Nutzerfreundlichkeit einer Webseite steigern.

Schwerfälliger JavaScript-Code ist dafür – wie so oft – nicht vonnöten. Ganze 4 Zeilen wunderschönes CSS reichen mir für meine Tooltips völlig aus…

Tooltips aus CSS – so wird’s gemacht!

Grundsätzliche Kenntnisse zu CSS sollten vorhanden sein, damit ich hier nicht zu sehr ins Detail gehen muss. Der Code ist aber schnell zu durchschauen.

Schritt 1

Im Grunde funktioniert das BeispielwortNur ein Beispiel, um den Tooltip zu demonstrieren. wie ein Link. Nur, dass ich dessen Funktionen etwas manipuliere.

Ich definiere also eine neue Klasse für Links und nenne diese “tooltip”. Natürlich könnte die Klasse auch ganz anders heißen…

a.tooltip

Die Position ist relativ und ich setze einen hohen z-index, damit das Pop-Up möglichst nicht durch andere Elemente der Webseite überlagert werden kann. Cursor:help sorgt dafür, dass beim Anfassen des Beispielwortes kein Zeigefinger, sondern ein Fragezeichen erscheint. Background und text-decoration gestalten das Aussehen des Beispielwortes.

a.tooltip { position:relative; z-index:75; cursor:help; background:#00ff00; text-decoration:none; }

Schritt 2

Die nächste Zeile befasst sich mit dem Verhalten des Beispielwortes beim Anfassen (hover).

Ich verändere hier lediglich die Schriftfarbe. Davon sieht man hier auf der Seite nichts, was beabsichtigt ist. In Posts auf emaster.de verändern sich Links normalerweise bei hover in grün, was ich im Falle von Tooltips aber vermeiden möchte. Ich möchte, dass sich der Beispieltext gar nicht verändert, damit die volle Aufmerksamkeit des Lesers auf den Tooltip gelenkt wird.

a.tooltip:hover { color:#000; }

Schritt 3

Den eigentlichen Inhalt des Tooltips definiere ich als <span> innerhalb des Linktextes (Beispielwort). Dazu später mehr…

Damit dieser Inhalt aber nicht dauerhaft angezeigt wird, kommt zunächst Display:none zum Einsatz:

a.tooltip span { display:none; }

Schritt 4

Berühre ich jetzt das Beispielwort, soll der komplette Tooltip angezeigt werden. In der gleichen Zeile lege ich Farbe, Größe, Position und Schrift-Stile fest, es wird also etwas länger:

a.tooltip:hover span { display:block; position:absolute; top:20px; left:50%; width:120px; padding:2px; background:url (dateipfad/hintergrund.png); border:1px solid #000; color: #000; text-align:center; }

Hier sieht man, dass man sich bei der Gestaltung des Tooltips richtig austoben kann.

Ich gebe dem Tooltip eine absolute Position unterhalb [top:20px], und die linke Kante genau auf der Hälfte [left:50%] des BeispielwortesDas sieht man hier nochmal..

Eine fixe Breite [width:120px] und etwas Innenabstand [padding:2px] möchte ich haben, sowie einen halb-transparenten Hintergrund [background:url(dateipfad/hintergrund.png)], dazu noch die üblichen Verdächtigen zur Gestaltung der Schrift.

Natürlich tut es auch eine ganz normale Farbe als Hintergrund… Überhaupt schreien diese Code-Zeilen ja förmlich nach selber-experimentieren ;)

Tooltip mit CSS – Der HTML-Code

Wie muss ich das Beispielwort letztendlich präparieren, damit der Tooltip erscheint?

Wo auch immer ich gerade an einem Artikel schreibe, ich wechsle in die HTML-Ansicht und mache aus dem Beispielwort einen Link der Klasse .tooltip, also:

<p>Lorem Ipsum <a class=”tooltip”>Beispielwort</a> dolor sit amet…</p>

Innerhalb des selben Links füge ich nun noch den <span> Container mitsamt des gewünschten Inhalts ein:

<p>Lorem Ipsum <a class=”tooltip”>Beispielwort<span>At vero eos et accusam et justo duo dolores et ea rebum.</span></a> dolor sit amet…</p>

Das war es schon. So sieht meine Toolbox jetzt aus: BeispielwortAt vero eos et accusam et justo duo dolores et ea rebum.

Um eventuelle Probleme mit Verschachtelungen auszuschließen, kann .tooltip auch einer übergeordneten Klasse angehängt werden. Das sieht dann z.B. so aus:

.content a.tooltip {}

Also ich find’s gut und hoffe, es hat Spaß gemacht und was gebracht.

Die innovativen Werkzeuge in SketchUp machen es einem leicht, selbst aufwändige 3D-Strukturen in kurzer Zeit zu erstellen. Trotzdem passiert es immer wieder, dass man kurz auf dem Schlauch steht, weil man partout nicht darauf kommt, wie man eine bestimmte Form am einfachsten zeichnen kann.

Ein typisches Beispiel dafür ist das Erstellen einer Kugel in SketchUp, was ich bereits in dem Workshop “Eine Kugel in Sketchup erstellen” erklärt habe.

Diesmal möchte ich einen massiven gebogenen Treppenaufgang bauen…

Gebogener Treppenaufgang in 3D!

Solch eine Treppe lässt sich in wenigen Schritten fertigstellen. Der Detailgrad und die genauen Maße hängen natürlich vom jeweiligen Projekt ab – nach oben sind keine Grenzen gesetzt.

Schritt 1: Kreis unterteilen

Ich zeichne eine runde Grundfläche (“Kreis”-Werkzeug) von 4m Radius und unterteile ein Viertel der Fläche in gleichmäßige Abschnitte. Diese Beispieltreppe soll nur eine Biegung von 90° erhalten.

Ich fasse mit dem Stift die magnetischen Griffe am Rand und ziehe eine Linie bis zum Mittelpunkt:

Ein Viertel des Kreises wird mit dem Stift in gleichmäßige Abschnitte unterteilt.

Schritt 2: Stufenanzahl

Die überflüssigen 3/4 des Kreises können gelöscht werden.

Nun entscheidet sich, wie viele Stufen die Treppen haben soll. Hier unterteile ich die vorhandenen Flächen noch einmal, in dem ich weitere Linien vom Mittelpunkt der Außenkanten zum Mittelpunkt des Kreises zeichne.

Im besten Falle sollte man sich natürlich schon vorher Gedanken über die erforderlichen Maße der Stufen machen und das SketchUp-Projekt entsprechend anlegen. Schließlich kann man in SketchUp millimetergenau arbeiten:

Der überflüssige Bereich wird gelöscht, die vorhandenen Abschnitte weiter unterteilt.

Schritt 3: Treppenstufen hochziehen

Mit dem “Drücken/Ziehen”-Tool ziehe ich die erste Stufe von 20cm Höhe:

it dem "Drücken/Ziehen"-Tool werden die einzelnen Stufen hochgezogen.

Jede weitere Stufe wird zunächst an die vorherige angedockt. Anschließend zieht man die Stufe weitere 0,20m in die Höhe, was sich jetzt im “Abmessungen”-Fensterchen (unten rechts in Sketchup) ablesen lässt.

Jede Stufe wird erst auf die Höhe der vorherigen gebracht und dann weiter erhöht.

Am Ende sieht der gebogene Treppenaufgang, der durch seine 12 Stufen eine Höhe von 2.40m erreicht hat, so aus:

Dieses Meisterstück der 3D-Treppenbaukunst ist das vorläufige Resultat.

Noch hübsch texturiert reicht dieses simple 3D-Modell schon mal gut für symbolische Darstellungen, schnelle Demonstrationen und geniale Workshops wie diesem ;)

Und noch eine Idee!

Das Prinzip sollte jetzt klar sein und der Fantasie sind keine Grenzen gesetzt. Bis zur hochentwickelten Designer-Wendeltreppe sind es zwar noch ein paar Schritte, aber als nächste Übung könnten Sie sich ja mal an der folgenden Stufenkreation versuchen…

Wieder ein Kreis mit 4m Radius, diesmal entferne ich aber ein Stück aus der Mitte (2,50m). So bleibt eine 1,50m breite Ringfläche, die ich wieder gleichmäßig unterteile:

Diese grobe Unterteilung soll mir für dieses Beispiel reichen.

Ziehe ich nun ringsherum die Stufen hoch, erhalte ich ein turmartiges Treppenhaus, bei dem ich das “Mauerwerk” der obersten Stufen entferne, damit am Fuße der Treppe ein Zugang entsteht:

Diese Zwischenversion könnte für rustikale Turmaufgänge gut geeignet sein.

Entferne ich nun auch noch das Mauerwerk aller anderen Stufen, erhalte ich einen frei schwebenden Aufgang:

Frei schwebende Rundtreppe, hier texturiert, schattiert und ohne Schnittlinien.

Ich empfehle, die Treppe – wie jedes gelungene Objekt – als Komponente in der SketchUp-Bibliothek abzuspeichern. Es ist immer gut, so etwas auf Lager zu haben.

Die Treppe lässt sich natürlich auch als Ganzes skalieren und somit auf die Schnelle an andere Strukturen anpassen.

Ist die Treppe nicht hoch genug? Einfach duplizieren und oben dranhängen.

Download

Damit Sie sich meine Beispieltreppe auch mal in Natura (wenigstens visuell) ansehen können, Hier ist der Download der Sketch-Up Komponente. Sie können die Datei entweder mit SketchUp öffnen oder direkt im Ordner “Components” im SketchUp-Installationsverzeichnis einsortieren.

Viel Spaß damit und kommen Sie nicht ins Stolpern.

Meine beiden SketchUp-Workshops “Kugel erstellen” und “gebogene Treppen” erfreuen sich großer Beliebtheit. Darum setzte ich die Serie heute fort und gehe auf ein Problem beim Texturieren ein, über das ich mich häufig ärgere…

Das Problem: Durchscheinende Kanten!

Besonders bei aufwändigen Objekten mit vielen verschachtelten Formen kommt es vor, dass die Kanten hässlich weiß/untexturiert “leuchten”, obwohl das Modell komplett texturiert wurde.

Dadurch wird das mühsam erstellte Modell für Präsentationen oder Screenshots unbrauchbar.

Solche schimmernden Kanten wirken im Modell noch störender als auf dem Screenshot.

Ein weiteres Problem ist, dass die flimmernden Kanten meist erst gegen Ende der 3D-Modellierung auffallen und die Reparatur dann viel Zeit in Anspruch nimmt.

Der ungewünschte Effekt wird noch verstärkt, wenn man die Anzeige von Kanten und Profilen abschaltet, um ein natürlicheres Bild vom Modell zu erlangen.

Der Grund: Innen keine Texturierung!

Jede 3D-Form muss nicht nur von außen, sondern auch von innen texturiert werden, damit die leuchtenden Kanten verschwinden. Das ist natürlich doppelt ärgerlich, da man das Innere von Wänden etc. ja eigentlich gar nicht sieht und dieses Extra-Texturieren außerdem zu einer ziemlichen Fummelarbeit werden kann.

Wie lässt sich dies also vermeiden?

1) Jede neue Grundform sofort texturieren, bevor daraus das Objekt modelliert wird. Dazu kann man simple Farbtexturen nehmen, die sich später im Fenster “Materialien/Bearbeiten” durch die eigentliche Textur ersetzen lassen:

Jede Grundform sollte sofort beidseitig (!) texturiert werden...

...dann werden auch die Innenseiten des daraus geformten Modells tapeziert.

Allerdings kann sich dieses Verfahren besonders bei spontanen und schnellen Projekten etwas kontraproduktiv auswirken, da man dazu neigt, munter drauf los zu modellieren, ohne den kreativen Prozess ständig mit Tapezierarbeiten unterbrechen zu wollen.

Dann hilft am Ende nur wieder fummeln, oder Sie versuchen folgendes:

2) Ist das untexturierte Modell schon sehr weit fortgeschritten oder fertig, öffnen Sie das Modell an einer Stelle, die sich leicht wieder reparieren lässt.

Entfernen Sie einfach eine Fläche, um ein paar Innenbereiche frei zu legen.

Wählen Sie dann das komplette Modell aus (“Bearbeiten/Alles auswählen” oder “Strg + A”), nehmen Sie eine Textur (Materialien) und klicken Sie auf eine der Innenflächen.

Im Normalfall sollte dadurch das Modell komplett von innen texturiert werden. Schließen Sie nun wieder die Lücke und texturieren Sie das Modell von außen.

Durch eine Lücke im Modell kann man dessen Innenflächen gut erreichen.

Alles auswählen und mit dem Farbeimer auf eine der Innenflächen klicken.

Ich empfehle für die Innenbereiche entweder die Textur zu verwenden, die außen am häufigsten am Modell vorkommt, oder die schwarze Farbtextur.

Am Ende können Sie die Innentextur im “Bearbeiten”-Reiter des “Materialien”-Fensters soweit verändern und anpassen, bis die Kanten gut aussehen und zum Modell passen.

Die Lücke in der Außenhaut wird geschlossen, das Modell fertig texturiert.

Mit dieser Methode ersparen Sie sich die kleinliche Fummelarbeit. Es müssen aber auch Abstriche gemacht werden, da für die Innenbereiche nur ein Farbton verwendet wird, was vielleicht nicht an allen Stellen des Modells gut aussieht…

…aber sicher immer noch viel besser als die flimmernden Leuchtkanten.

Geben Sie sich die Kugel in Googles 3D-Tool!