fboës - Der Blog von Frank Boës

"Lunar Flight" mit dem Logitech Extreme 3D Pro fliegen

Thu, 26 Apr 2012 20:28:49 +0200

Meine Begeisterung für “Lunar Flight” gipfelt in der üblichen Konfigurationsanleitung, wie man den Logitech Extreme 3D Pro Joystick am Besten konfiguriert.

Besonders wichtig: Die Konfiguration sollte man im gelandeten Zustand durchführen, und der Schubregler am Joystick sollte exakt in der Mittelstellung stehen. Dann war mein Ansatz, einfach alle Einstellungen für den Joystick zu löschen und komplett neu zu belegen:

Die Joystick-Achsen X und Y entsprechen Nick- und Rollsteuerung der Fähre.
Die Z-Ache (also das Drehen des Joysticks) entspricht der Giersteuerung der Fähre.
Der Coolie-Hat steuert das Verschieben in X- bzw. Y-Richtung.
Der Schubregler steuert das Haupttriebwerk bzw. den Gegenschub.
Die vier Knöpfe rund um den Coolie-Hat steuern die vier Ansichten des Overhead-Displays.
Der Daumenknopf schaltet durch die einzelnen Modi des Missionscomputers durch.
Die Feuertaste des Joysticks ist die Bestätigungstaste.
Die sechs Basisknöpfe dienen dem Be-und Entladen, Betanken und Reparieren sowie Datentransfer und Transponderschaltung.

Als Tipp für Einsteiger: Wichtiger als die Roll- und Nicksteuerung ist tatsächlich die RCS-Steuerung für das Verschieben. Gegenüber der oben beschriebenen Belegung sollte man als Einsteiger also die Roll- und Nicksteuerung auf den Coolie-Hat legen (da man da sowieso tunlichst die Finger von lassen sollte), und die Verschiebesteuerung auf den Stick. Damit hat man mehr Feingefühl beim Verschieben der Fähre.

Die kleine Flugschule für "Lunar Flight"

Wed, 25 Apr 2012 20:32:11 +0200

Das kleine (und sehr günstige) Spiel “Lunar Flight” hat es mir gerade sehr angetan. Hier kann man atmosphärisch sehr gut gemacht mit einer Mondlandefähre auf dem Mond herumfliegen. Das Spannende an diesem Spiel ist dabei die Physik, die sehr realistisch ist.

Dabei ist das Erlernen der Steuerung am Anfang recht schwierig, belohnt aber umso mehr, sobald man in der Lage ist, erfolgreiche Flüge zu absolvieren.

Mit folgenden Schritten nähert man sich der Ausbildung zum erfolgreichen Astronauten:

Über die Tastatur zu fliegen erschien mir deutlich schwerer als mit einem Joystick.
Statt von Hand Schubstöße zu geben, sollte man auch mit Tastatur oder Gamepad immer den Schubregler eingeschaltet lassen.
Bevor man großartig mit Rollen & Gieren arbeitet, sollte man als Anfänger lieber die AWSD-Tasten zum horizontalen Verschieben der Fähre nutzen.
Die 4-Monitor-Ansicht verleitet dazu, sich die wunderschönen Außenansichten anzuschauen. Und dort verliert man sehr schnell das Gefühl für die Ausrichtung der Fähre. Besser ist die Innenansicht und die zugeschalteten Zusatzmonitore des OHD und MC.
Jede Bewegung wird solange fortgesetzt, bis eine Gegenimpuls stattfindet. So wird z.B. Rollen oder Gieren erst beendet, wenn man Schub in die Gegenrichtung gibt.

Und nicht zuletzt gibt es auf der Seite von Lunar Flight eine gute Flugschule, die mit Youtube-Videos zeigt, wie Anfänger & Profis abheben und Landen.

Wie man PSDs am Einfachsten in Webgrafiken zersägt

Tue, 24 Apr 2012 20:31:03 +0200

Als Webdeveloper hat man immer wieder Gelegenheit, wunderschönes Photoshop-Dateien in echte, atmende HTML-Templates umzuwandeln. Doch leider ist gerade das Herstellen von PNGs, GIFs oder JPEGs von komplexen PSDs zeitaufwendig und fehleranfällig. Und sobald dem Designer noch ein paar gute Ideen kommen, fängt man mit der Arbeit erneut an.

Doch zumindest für Besitzer von Mac OSX gibt es Abhilfe.

Mit dem Programm “Layercake” wird in der PSD einfach jeder Layer mit einem Dateinamen benannt, der als separate Datei herauskopiert werden soll. Layercake erkennt diese Ebenen, und exportiert diese für das Web optimiert. So werden aus einem PDS beliebig viele, optimierte PNGs, GIFs oder JPEGs, die optimal freigestellt und zugeschnitten sind.

Wie funktioniert die "Zero Inbox Policy"?

Tue, 17 Apr 2012 20:04:00 +0200

Für meine Arbeits-E-Mails habe ich mir meine persönliche Variante der “Zero Inbox Policy” zugelegt. Damit kommt Ordnung in den Kommunikations-Dschungel, man verpasst keine (ggf. wichtigen) Nachrichten oder vergisst Aufgaben. Und da ich öfter nach dem System gefragt werde, folgt hier die kompakte Anleitung.

Die Grundannahme ist dabei folgende: Jede E-Mail in meiner Inbox ist eine Aufgabe; solange noch E-Mails in meiner Inbox liegen, habe ich noch etwas zu erledigen.

In regelmäßgen Abständen schaut man also in die Inbox, um sich Neuankömmlinge vorzunehmen, und nach folgendem Muster abzuarbeiten:

Die Mail ist einfach unwichtig, z.B. Werbung? Dann wird sie gelöscht bzw. als Spam markiert.
Die Mail ist eine Information, die ich später noch brauche? Dann wird sie in einen dazu passenden Ordner verschoben.
Die nun übrig bleibenden E-Mails sind Aufgaben, die erledigt werden müssen. Sobald die Aufgabe erledigt wurde, darf die E-Mail ebenfalls in einen dazu passenden Ordner verschoben werden.

Bei Aufgaben gibt es in der Regel nur drei verschiedene Typen:

Die Aufgabe besteht darin, auf die Nachricht zu antworten? Sobald man darauf geantwortet hat, darf die E-Mail verschoben werden.
Die Aufgabe besteht darin, selber etwas zu tun? Nachdem man das getan hat muss zum Abschluss noch dem Auftraggeber darauf geantwortet werden, und schon darf man die Aufgabe ebenfalls verschieben.
Die Aufgabe besteht darin, anderen mitzuteilen, dass sie etwas tun müssen? In diesem Fall leitet man die E-Mail weiter und darf sie danach verschieben.

Wenn man sich daran hält hat man eine relativ gute Übersicht, was noch getan werden muss, und ein leerer Posteingang (die “Zero-Inbox”) gibt einem das gute Gefühl, das alles läuft.

Wohin soll man nun die E-Mails verschieben? Bei wenig Ordnungsbedarf hat man einfach einen Ordner namens “Archiv” als Endlager für E-Mails, ansonsten kann man z.B. fein nach “Accounts” (z.B. Zugangsdaten), “Termine” (Informationen werden zu einem bestimmten Zeitpunkt uninteressant) und “Projekte” (Informationen müssen langfristig aufgehoben werden) unterscheiden - und das alles noch weiter untergliedern.

Diese Regelung kann man übrigens auf alles anwenden, was irgendwie listenartig ist: Verpasste Anrufe, Nachrichten auf einer Mailbox, Aufgaben auf einem Zettel, Dateien auf dem Desktop, Zettel in einer Schreibtischecke…

Saubere E-Mail-Adressen via Formular annehmen

Mon, 16 Apr 2012 20:16:00 +0200

Bei einem Gewinnspielformular bin ich in der dahinter liegenden Datenbank über einen Riesenhaufen Spam gestolpert. Das hat mich so geärgert, dass ich jetzt nochmal richtig eine handliche Funktion zum Überprüfen von E-Mail-Adressen gebaut habe.

Im ersten Schritt wird erstmal nur ganz formal geprüft, ob die eingegebene Adresse die Grundanforderungen an eine E-Mail-Adresse erfüllt - zum Beispiel, dass sie überhaupt ausgefüllt wurde.

Im zweiten Schritt wird dann überprüft, ob überhaupt ein MX-Record für die betreffende Adresse existiert, und die Adresse mit einer Liste von bekannten Übeltätern abgeglichen.

Die Funktion in Aktion (und zum fröhlichen Weiterentwickeln) gibt es auf der Sandkasten-Seite zur E-Mail-Überprüfung.

Update: Nach dem berechtigten Einwand eines Freundes habe ich die Funktion noch ein bisschen umgeschrieben für alle E-Mail-Adressen, die keinen MX-Record haben.

Da ich gerade meinen Umzug plane, kam ein paar Kollegen die...

Wed, 11 Apr 2012 19:54:19 +0200

Da ich gerade meinen Umzug plane, kam ein paar Kollegen die Idee, warum ich nicht einfach ein bisschen modularer wohne. Wir haben zuerst an Hausboote gedacht, aber nichts ist praktischer als in einem Container zu wohnen. Überraschenderweise ist die Idee gar nicht so verrückt, es gibt wunderschöne Beispiele für recht ansehnliche Container-Häuser.

Einfache Buttons mit LESS

Mon, 09 Apr 2012 15:57:00 +0200

Ich bin in den letzten Projekten immer mehr LESS verfallen, dem schlauen Nachfolger von CSS. Gerade heute habe ich mir selber ein kleines Mixin geschrieben, mit dem man nicht nur schnell CSS3-Buttons erzeugen kann, sondern auch die einzelnen Zustände wie z.B. ausgegraute Buttons, gedrückte Buttons oder Buttons, die mit dem Mauszeiger berührt werden.

Der besondere Trick ist: Diese Buttons sind komplett ohne Grafiken, und lassen sich auch stufenlos skalieren und umfärben. Einzig die Bibliothek LESS Elements wird zusätzlich benötigt.

Wie üblich ist das Experiment im Microsoft Internet Explorer wegen seiner rudimentären Behandlung von RGBA-Farbangaben und CSS3-Eigenschaften eher schlicht, aber immer noch benutzbar.

Quelltexte und Beispiele gibt es dann auf der Demoseite für das LESS-Button Mixin.

Update: Inzwischen ist das Mixin auch ohne LESS Elements verwendbar.

Was ist der Clanspace?

Fri, 06 Apr 2012 20:30:00 +0200

Letztes Jahr waren es Postflugzeuge & Hubschrauber, dieses Jahr gleich der gesamte Weltraum: Ich bin mal wieder von einer Idee besessen. Und diese Idee heißt Clanspace.

Clanspace ist ein “hard science-fiction near-future space-opera setting”. Man könnte also in diesem Szenario Filme drehen, Bücher schreiben, Computer- oder Brettspiele bauen, oder sich einfach knobeligen Gedankenexperimenten hingeben.

Jedenfalls steht Clanspace ganz im Zeichen echter Raumfahrt, mit echten physikalischen Regeln, die auch nur in unserem Sonnensystem stattfindet. Es gibt keinen Warp-Antrieb, kein Beamen, und keine Außerirdischen. Die Technologie ist auch nicht viel weiter fortgeschritten, außer dass alle jetzt schon erkennbaren Entwicklungen einfach als selbstverständlich angenommen werden. Augmented reality, rapid manufacturing und ähnliche Schlagwörter sind bei Clanspace so normal wie in unserer heutigen Welt Smartphones und LED-Leuchten.

Als letzter Knackpunkt herrscht im Clanspace wegen der immensen Distanzen andere Vorstellungen von Kommunikation, Reisezeiten, Wirtschaft oder Regierungsgewalt; diese lässt sich eher mit der Ära der Segelschiffe auf der Erde vergleichen, denn auch hier waren die Reise- und Kommunikationswege lang.

Die namensgebenden Clans sind in Clanspace daher auch ein Produkt dieser räumlich weiten Verteilung, und die vorherrschende Organisationsform. Und was das alles mit dem arabischen Raumfahrtprogramm und dem Ende des Öls zu tun hat, verraten wir beim nächsten Mal.

So gehen wir also auf die Reise, um einen stimmigen Kosmos zu bauen. Und wer weiß, vielleicht erscheint dazu demnächst schon ein Brettspiel. Oder ein Roman.

Formeln für den Weltraum

Thu, 05 Apr 2012 21:38:00 +0200

Mein Bruder und ich betreiben gerade Hintergrundrecherche für Clanspace, ein Space-Opera-Setting. Dabei ist mein Bruder auf einen Haufen sehr interessanter Formeln gestoßen, die wir in ein paar handliche, interaktive Rechner umgewandelt haben.

Besonders spannend ist die sogenannte “Raketenformel” (den man sich am Besten in Google Chrome ansieht). Mit dieser Formel kann man komplette Raumschiffe zusammenbauen. Man wählt einen Antrieb (chemisch, Fissionstriebwerk oder Fusionsantrieb), bestimmt Größe von Triebwerk, Nutzlast und Treibstoff, und erhält ein paar schöne Kennzahlen über die Beschleunigungswerte und Delta-V.

Sobald man sich ein Raumschiff gebaut hat, kann man dann überprüfen, wie lange die Reise z.B. in unserem Sonnensytem dauert. Dazu benutzt man das “g-Meter” (ebenfalls am Besten in Google Chrome). Hiermit kann man die Reisezeit im Weltall bestimmen, indem man die Distanz (z.B. zwischen Erde und Mars, oder raus bis zum Saturn oder Kuipergürtel) und die Beschleunigung einstellt, und dann die Reisezeit angezeigt bekommt.

Beide Formeln vereinfachen die tatsächlichen Gesetzmäßigkeiten ein wenig, vermitteln aber schonmal einen groben Einblick in die physikalischen Zusammenhänge der Raumfahrerei.

Update: Die Formeln wurden nochmals stark überarbeitet und schlüsseln die Reisezeiten detaillierter auf.

CSS-Dateien sauber in LESS-Dateien umwandeln

Tue, 03 Apr 2012 20:24:00 +0200

Eine praktische Anleitung, wie man CSS-Dateien in LESS-Dateien umwandelt, bzw. Alt-Projekte verlustfrei dorthin migriert:

Als Mac-Besitzer die LESS.app oder gleich CodeKit herunterladen.
Die Dateiendung der CSS-Datei in .less ändern.
LESS Elements via @import "/mixins/elements.less"; in der LESS-Datei verankern.
Eine Extra-Datei /mixins/variables.less für Variablen anlegen, via @import "/mixins/variables.less"; einbinden und mit “Suchen & Ersetzen” global wichtige Abstände und Farbcodes durch Variablennamen ersetzen.
Eine Extra-Datei /mixins/mixins.less für eigene Mixins anlegen und via @import "/mixins/mixins.less"; einbinden. Hier kann man später eigene Mixins anlegen.
Eine Extra-Datei /mixins/mobile.less für Mobillayout anlegen, den Inhalt von @media-Blöcken dorthin kopieren und in den @media-Block wieder via @import "/mixins/mobile.less"; integrieren.
Eine Extra-Datei /mixins/print.less für Printlayout anlegen, den Inhalt von @media-Blöcken dorthin kopieren und in den @media-Block wieder via @import "/mixins/print.less"; integrieren.
LESS-Datei in CSS-Datei kompilieren lassen. Dadurch wird die alte CSS-Datei durch die vom LESS-Compiler erzeugte Datei ersetzt.

Voilà - ohne Änderungen im Frontend-Bereich kann man nun die Power von LESS für die Entwicklung von CSS nutzen.

Ich gebe zu: Auch bei mir hat sich der Song “Too...

Fri, 30 Mar 2012 20:30:05 +0200

Ich gebe zu: Auch bei mir hat sich der Song “Too close” von Alex Care im Ohr verfangen, den Microsoft in seiner Werbung verwendet. Und außerdem unterstütze ich Microsoft in dem Versuch, endlich einen besseren Internet Explorer unter’s Volk zu bringen… auch wenn sie das nur für Windows 7 machen.

Da sollte man gleich auf vernünftige Browser wie Mozilla FIrefox oder Google Chrome wechseln, die gibt es auch für Windows XP.

whereissummar:

i searched to find out what was the microsoft commercial song. literally typed lyrics fast as possible in search bar while it was on . i like it.

Typografisch korrekte Anführungszeichen

Tue, 27 Mar 2012 20:30:05 +0200

Typografisch korrekte Anführungszeichen:

Die Welt ist voller Anführungszeichen… und wie auch die Dezimaltrennzeichen ist die Konvention bei der Verwendung der Gänsefüßchen von Land zu Land unterschiedlich. Auf Wikipedia gibt es eine schöne Liste mit den Unterschieden bei der Verwendung dieser Zeichen.

“Prometheus” wird episch!

Mon, 19 Mar 2012 20:30:06 +0100

“Prometheus” wird episch!

Bessere Formulare für das Web

Thu, 15 Mar 2012 20:48:05 +0100

Bessere Formulare für das Web:

Die kleine Bibliothek “Chosen” verwandelt Auswahl-Felder (in HTML via