STUDIO B12  Büro für digitale Kommunikation  T  0531 28 853 78 0  E  info@studio-b12.de

generative Gestaltung

generative

Ich habe gestern ein großartiges Buch gekauft: “Generative Gestaltung” (erschienen im  Hermann Schmidt Verlag Mainz). Das Buch beschäftigt sich mit digitaler Code-Gestaltung. Die Gestaltung des Buches selbst ist auch sehr schick und bietet nicht nur viele spannende Bilder, sondern vor allem vielle Tipps und Erklärungen für angehende Code-Grafiker. Behandelt wird die Open Source-Programmiersprache - Processing. Es gibt sehr gute und verständliche Beispiele und Erklärungen zu einzelnen Codezeilen und deren Wirkung. Da wir bei Studio B12 die besten Programmierer der Welt haben :) , braucht ein Designer wie ich, nicht selber “stümperhaft” scripten. Durch das Buch angeregt, versuche ich mir jedoch Zeit zu nehmen um mich mit dieser Programmiersprache zu beschäftigen.

Hier noch einige nützliche bzw. sehenswerte Links zum Processing:
-  processing.org
-  generative-gestaltung.de
-  shiffman.net
-  learningprocessing.com
-  flight404

Schriften mit Flex einbinden: UnicodeRanges

Ich dachte ich schreibe mir einfach mal ein paar UnicodeRanges von der Seele, die ich im Internet so aufgestöbert habe.

Zur Erinnerung: Beim Einbetten von Schriften in Flash/Flex mittels Embed-Tag kann man einen zusätzlichen Parameter unicodeRange angeben, der es erlaubt, nur bestimmte Schriftzeichen einzubetten. Dies kann je nach Schrift erhebliche Größenunterschiede mit sich bringen! Man stelle sich zum Beispiel eine Schrift vor, die ich nur im Preloader benötige: Schriftzeichen wären da 0-9 und das %-Zeichen. Bei einer durchschnittlichen Helvetica macht das rund 30KB aus.

Und so sieht das Ganze dann aus

[Embed(source=‘arial.ttf’, fontFamily=‘Arial’, cff="true", unicodeRange="U+0030-U+0039")]

Und diese UnicodeRanges braucht man meistens:

  • Zahlen 0-9: U+0030-U+0039
  • Uppercase A-Z: U+0041-U+005A
  • Lowercase a-z: U+0061-U+007A
  • Punkt .: U+002E-U+002E
  • Komma,: U+002C-U+002C

Ich habe auch noch eine Zeichentabelle gefunden, in der man zusätzliche benötigte Zeichen einfach nachschauen kann: Unicode/UTF-8-Zeichentabelle

Der Embed-Tag für unser Preloader-Beispiel würde also wie folgt aussehen (Zahlen und %-Zeichen):

[Embed(source=‘arial.ttf’, fontFamily=‘Arial’, cff="true", unicodeRange="U+0030-U+0039,U+0025-U+0025")]

Lesezeichen unter Firefox weg? Backup-Datei konnte nicht verarbeitet werden?

Als ich heute morgen den PC angemacht habe, waren alle meine Lesezeichen im Firefox weg. Darüber hinaus hat die eigentlich intelligente Adressleiste des Firefox keinerlei Ergebnisse mehr ausgespuckt, und neue Lesezeichen anlegen war auch nicht mehr drin.

Zum Glück legt der Firefox in regelmässigen Abständen Backups der Chronik an, die man unter “Chronik” > “Gesamte Chronik anzeigen” > “Importieren und Sichern” > “Wiederherstellen” einspielen kann. Problem war nur, dass mich die anschließende Fehlermeldung “Die Backup-Datei konnte nicht verarbeitet werden.” über den Misserfolg aufklären musste. Der Puls stieg, doch im allzu weisen Internet fanden sich zum Glück Menschen, die diese Probleme schon vor mir hatten.

Die Lösung? Unter “/Library/Application Support/Firefox/Profiles/xxxxxxx.default/” (MacOSX) oder “C:\Dokumente und Einstellungen\*BENUTZERNAME*\Anwendungsdaten\Mozilla\Firefox\Profiles\*.default” (Windows) befindet sich eine “places.sqlite“-Datei, die den auftretenden Symptomen nach zu urteilen wohl beschädigt wurde. Einfach löschen, Firefox neustarten, anschließend ein Backup einspielen – fertig! Das hat mir gerade noch den Freitag gerettet…

[via]

Apple iPad: was es NICHT kann

Tags

Natürlich haben auch wir gespannt die neue Hardware erwartet, die Steve Jobs uns gestern vorgestellt hat. Das iPad ansich hat wohl keinen überrascht, allerdings dessen Features und vorallem fehlende Features. Ein Blogeintrag vom Guardian fasst kurz und knapp eben diese zusammen.

Darüber hinaus interessiert mich als Flash Entwickler natürlich sehr, warum Flash auch im neuesten Produkt von Apple erfolgreich ignoriert wird. Ein weiterer lesenswerter Blogeintrag zum Thema iPad stellt Vermutungen an:

“[...] Another theme I’m seeing tonight is the lack of flash on the device. No surprise. If you really want to know why, think back a few years when Apple was trying to get back on its feet, and Adobe made a decision not to support its video products on the Mac, and instead tried to convince its mac customers to switch to PCs. Apple’s response then was ultimately to bring out its own video products — final cut — and ultimately ate the market out from Adobe. Later, when Apple was making the conversion to the intel platform, Adobe’s enthusiasm for bringing out Photoshop and its flagship products was most noticable — by how late they were and how uninterested Adobe seemed in actually trying to help Apple succeed. So now, when Apple has these really successful platforms and Adobes wants a piece of them, and yet Apple shows no real enthusiasm or hurry to cooperate? Well, folks, payback’s a bitch, and if you only see your partners for what they can do for you today, well, don’t whine when they choose to return the favor when the shoe is on the other foot. Burn your bridges with thought, folks, because you never know when you might want them back. And they’ll remember.  Apple sure does. [...]

Allerdings finde ich das dann doch etwas albern. Ich mag den Grund und die Abneigung Apples (sofern die Theorie denn stimmt) nachvollziehen können, doch es Adobe auf dem Rücken seiner eigenen Kunden heimzahlen zu wollen, widerspricht mir jedweder Logik. Wenn ich mich abends auf mein Sofa setzen möchte und im Internet surfe, dann gehört Flash schon allein als momentaner defacto Video-Webstandard einfach zum Internet dazu. Und während HTML5 nun viele mediale Features übernehmen kann, wird Flash auch in Zukunft die neuesten Technologien und Möglichkeiten des WWW beinhalten und für die Masse zugänglich machen, bis offene Standards ein Plugin überflüssig machen.

Update: The Flash Blog hat es lustig auf den Punkt gebracht ;)

Namespaces unter AS3: Exzellentes Videotutorial

Irgendwie bin ich mit Namespaces unter AS3 bisher noch nicht wirklich warm geworden, allerdings muss ich gestehen dass ich mich auch nie genügend mit ihnen befasst habe. Heute habe ich zum Glück ein sehr ausführliches und grundlegendes Videotutorial über Namespaces gefunden, das viele Fragen geklärt und mir Möglichkeiten und Einsatzgebiete aufgezeigt hat.

[via] [via]

360 Grad Autofahrt

Apropos Immersion. Oben eine interaktive 360 Grad Autofahrt durchs zerstörte Port-Au-Prince von Immersive Media. (Leider mit nervigem Autostart.)

Interaktive LED-Wand statt Schaufenster

Dank dieser LED-Wand von Moment Factory kuckt das Schaufenster im 21. Jahrhundert auf den Spaziergänger zurück. Mit graphisch schlichten, aber funktionalen und vor allem interkulturell verständlichen Animationen, kennzeichnen und folgen die 25.000 Lichter die passierenden Passanten durchs nächtliche Montréal und ziehen so wiederum die Aufmerksamkeit auf sich, ganz im Sinne der klassischen Auslagenfenster, nur eben immersiver (und energiehungriger).

[via]

ASCIImeo

blog_asciimeo
ASCIImeo von Peter Nitsch konvertiert jedes beliebige Vimeo-Video in eine ASCII-Animation. Komplett nutzlos, wie Peter Nitsch in seinem Blog sagt, aber verdammt viel Spass beim Rumprobieren.
[via]

Weave-Artikel über RFID-Anwendungen von Studio B12

Weave RFID Internet der Dinge RFID-Anwendungen

Für die aktuelle Ausgabe der Weave 01.10 haben wir einen Artikel im Bereich Trends über das Internet der Dinge und RFID geschrieben. Unter dem Titel “You’ll never walk alone” gibt es einen kleinen Einblick in den Stand der Dinge rund um die Technologie. 6 Seiten sind leider viel zu wenig Platz und Lena (Redakteurin) tut mir jetzt immer noch leid, da sie die fast 20 Seiten lange Ausführung dementsprechend kürzen musste. Sollte man noch mehr Informationen zu dem Thema suchen, kann man hier in unserem Blog noch viele weitere Beiträge zu dem Themenfeld “interaktives RFID” finden. Auf der Seite der Weave findet man außerdem noch eine Linkliste zu dem Beitrag – inklusive unseres Projekts magicbox (interaktives RFID-System auf Flashbasis für Messen oder ähnliches).

Zusätzlich haben wir uns sehr darüber gefreut, dass in dem Artikel “interaktive Dreharbeiten” außerdem auch unser Projekt “Light the Dark” für Amnesty International als konzeptionell und technisch gelungenes Beispiel erwähnt wurde.

Weave Amnesty International Light the Dark Videotracking MotionCapture

ColorSchemeDesigner

color

Es gibt recht viele Seiten, die einem Gestalter unter die Arme greifen wenn es darum geht eine Farbwelt für ein neues Projekt zu entwerfen. Unter colorschemedesigner.com ist das auch möglich, allerdings bietet diese Seite viele praktische Zusatzfunktionen wie z.B. Export der Farben als PS-Palete (nicht nur als CSS oder HTML). Eine Vorschau der erstellten Farben als Dummy Website ist auch möglich.