222 articles and counting
      

CSS3 Edit

Ich möchte euch kurz ein kleines Tool vorstellen, welches ich mir selbst gebastelt habe um mir die Web-Entwicklung etwas zu erleichtern.
Ich habe mir einen kleinen CSS3 Gradient-Editor gebastelt, der nach dem “What you see is what you get”-Prinzip  am Ende einen CSS Code für Farbverläufe ausspuckt.
Ich habe mir diesen Editor deshalb gebastelt, weil ich mich selbst immer recht schwer getan habe derartige Verläufe zu erstellen, vor allem da der Code für WebKit (Safari, Chrome) und Gecko (Firefox) etwas unterschiedlich ist.

Ihr könnt die Farben selbst wählen und die Position an der diese Farbe erreicht wird.
Die WYSIWYG-Funktion funktioniert aktuell nur in Firefox und Safari/Chrome.

Es werden demnächst noch ein paar Funktionen dazu kommen um sich nicht nur auf die Farbverläufe zu spezialisieren.

> Zum Editor

gamescom 2010: Kinect vs. Move

Meiner Meinung nach der größte Punkt auf der gamescom 2010 waren die interaktiven Steuerungsmethoden Kinect von Microsoft und PlayStation Move von Sony.
Natürlich habe ich beide Dinge am vergangenen Mittwoch auf der gamescom angetestet.

Für Kinect hielt das Spiel Harry Potter und der Halbblutprinz her und bei der PS3 war es Heavy Rain in der Move Edition.

Kinect

Ganz ohne Controller in der Hand steht man hier vor dem Bildschirm, na ob das so gut funktioniert?
Leider waren die Kabinen bei Kinect selbst am Pressetag sehr voll, aber man konnte hier und dort einen Blick erhaschen und schauen wie die Figuren reagieren.
Bei Dance Central hat man deutlich erkannt, dass das Spiel lediglich Gesten erkennt und die Figur im Spiel nur vortanzt.
Allerdings sah man bei Kinect Adventures schon einen Unterschied dazu. Hier wurden die Bewegungen 1 zu 1  umgesetzt.

Ich selbst habe mich an dem neuen Harry Potter Spiel probiert und vor dem eigentlichen Spiel muss man erstmal von der Kinect Einheit erkannt werden.
Man sieht sich selbst als Skelett auf dem Bildschirm und kurz in die Kamera gewunken war man auch schon erkannt. Leider war das Skelett in diesem Spiel die einzige 1 zu 1 Reaktion, die aber ohne spürbare Verzögerung von statten ging.
Das Spiel selber war dann wieder sehr auf Gesten ausgelegt, was aber sehr gut funktioniert hat, man darf nur nicht zu nah vor der Kamera stehen 2 1/2 m sollten es auf jeden Fall mindestens sein, damit die Kamera einen auch möglichst komplett erfassen kann.

Move

Move… Sonys Antwort auf interaktive Steuerung. Nun ja, hier hat man 1 bis 2 kabellose Controller in der Hand. Entweder 1 Motion-Controller (der mit der leuchtenden Kugel) oder 1 Motion-Controller + 1 Navigation-Controller (wie der Nunchuck bei der Wii, nur ohne Kabel) oder 2 Motion-Controller. Dies hängt immer von dem jeweiligen Spiel ab.
Bei Heavy Rain in der Move Edition brauchte man je einen Motion- und einen Navigation-Controller. Das ganze war zwar recht nett gemacht, allerdings fühlte ich mich wie bei der Wii, nur das die Grafik besser war.
Es gab Szenen im Spiel, bei denen man Geld aus seiner Tasche holen musste oder seinen Körper nach einem Objekt abtasten musste und das fühlte sich einfach nicht intuitiv an. Ich glaube das wäre mit Kinect um einiges schöner gelöst gewesen.

Preisvergleich

Ein kleiner Preisvergleich der beiden Lösungen, jeweils für 2 Mitspieler

Kinect

Xbox 360 (Slim 250GB): 245€ (Amazon)
Kinect: 150€ (Amazon)

395€

Move

PlayStation 3 (Slim 120GB): 300€ (Amazon)
PlayStation Move-Starter-Paket (Eye-Kamera + 1 Motion-Controller): 57€ (Amazon)
1 Motion-Controller für Spieler 2: 40€ (Amazon)

Minimum: 397€

2 Navigation-Controller: je 30€ (Amazon)
2 zusätzliche Motion Controller: je  40€ (Amazon)

Maximum: 537€

Testsieger

Mal nicht auf den Preis geachtet fand ich Kinect wesentlich angenehmer von der ganzen Bedienung her. Wie am Beispiel Heavy Rain beschrieben waren die Bewegungen bei diesem Spiel einfach nicht intuitiv genug und es fühlt sich einfach wie eine schlechte Kopie der Wii Steuerung an.
Dazu kommt, dass bei Kinect auch noch die Sprachsteuerung dazu kommt, die auch von den Spielen genutzt werden kann.
Also kurz und schmerzlos:

Kinect

Hands-On: AR.Drone

Am vergangenen Mittwoch war ich in Köln auf der gamescom und direkt nachdem ich die Hallen betreten habe fiel mir ein Stand auf. Der Stand der AR.Drone von Parrot, ein großer Luftkissen-Würfel.

Bei der AR.Drone  handelt es sich um einen Quadrocopter, der mit einem iPod Touch, einem iPhone oder einem iPad gesteuert wird.

Als zusätzliches Extra befinden sich an der AR.Drone 2 Video Kameras die ihre Bilder Live an das jeweilige Steuergerät übertragen.
Auf dem iPhone kann man dann zwischen den Kameras hin und her schalten.
Eine der Kameras befindet sich an der Front, eine an der Unterseite, mit der man eine Vogelperspektive gerade nach unten hat.

Die AR.Drone macht einen WiFi Ad-hoc Netzwerk auf, in das man sich mit seinem jeweiligen iDevice einloggt. Danach die AR.Drone App (iTunes Link, Gratis) gestartet und schon geht es los.

Auch für Leute die noch nie einen ferngesteuerten Heli oder ähnliches gesteuert haben ist die Handhabung der AR.Drone sehr einfach. Die Drone landet sogar auf Knopfdruck von alleine und steht äußerst stabil im Raum. Wie schnell sich die Drone in alle Richtungen bewegen soll lässt sich über die Einstellungen in der iOS App einstellen, somit kann man die Drone für Einsteiger etwas langsamer machen.

Es macht einen heiden Spaß damit herum zu fliegen und das Teil macht auch ordentlich Wind und kann (wenn man will) sich auch sehr schnell bewegen. Mit dem Kamera Bild hat das ganze etwas von einem Aufklärungs-Flugzeug der Bundeswehr.

Die Flugzeit beträgt etwa 15 Minuten und dann muss der Akku der Drone für 1 1/2 Stunden wieder geladen werden.
Eine Anzeige des Batterie Status sowie der Signal Stärke zur Drone ist in der App zu sehen.
Wie weit die Drone sich von dem iPhone entfernen kann, also wie groß die Reichweite ist weiss ich leider gerade nicht und steht auch nicht in dem Flyer der mir in die Hand gedrückt wurde, soll aber bei etwa 50 Meter liegen.

Für Entwickler bietet Parrot eine offene API die angesprochen werden kann.

Für Videos schaut doch einfach auf dem AR.Drone YouTube Channel vorbei.

Zu kaufen gibt es die AR.Drone bei Saturn oder im Online Shop und kostet gut 300€ und dazu käme natürlich noch der iPod Touch / iPhone / iPad.
Für mich persönlich ist das etwas zu teuer. Wenn es eine neue Drone gibt die länger fliegt oder die aktuelle günstiger wird werde ich noch mal über einen Kauf nachdenken.

Eine Funktion die ich mir noch wünsche wäre, dass nicht die AR.Drone ein WLAN Netz auf macht, sondern sie sich in ein existierendes einwählen kann und man somit auch die Reichweite mit seinem eigenen Router Zuhause erweitern kann.
Für Outdoor ist das eigene Netz der Drone natürlich ein Must-have.

Ich bin gespannt was da noch so kommt, sowohl von Third-Party-Entwicklern als auch vom Hersteller selber.

Eyes on: gamescom 2010

Mittwoch ist es wieder so weit: Die gamescom öffnet ihre Türen.
Und auch ich bin dieses Jahr natürlich wieder vor Ort um für euch einen Blick auf die kommende Spielegeneration zu werfen.
Am meisten diskutiert sind dieses Jahr wohl die Bewegungssteuerungen von Microsoft (Kinect) und Sony (PlayStation Move).

Leider werde ich wohl nur am Mittwoch vor Ort sein, dafür gebe ich euch LIVE eine Übersicht über die gamescom.
Im letzten Jahr habe ich wohl viele Leute über Twitter  genervt. Verständlich bei 100 Tweets in 2 Tagen.
Für dieses Jahr habe ich mir etwas anderes überlegt und werde auf USTREAM zurückgreifen.
Am besten habt ihr am Mittwoch ein Auge auf meinen gamescom 2010 Channel bei USTREAM. Er aktiviert automatisch den Stream, sobald ich Live gehe.
Ich werde nicht die vollen 8-9 Stunden durch streamen, sondern immer nur wenn ich wirklich gerade an Spielen oder Events stehe.

Einen Schedule für Mittwoch, eine Spiele Liste und den eingebetteten Stream findet ihr im kompletten Posting.

(weiterlesen…)

MooTools Mobile

Der @cpojer (MooTools Developer) hat bei github eine Extension für den neuesten MooTools Core (1.3) geschrieben, welche die MooTools Funktionalität um Touch Events erweitern soll und sie mootools-mobile (github Link) getauft.

Ich war so frei und habe mir einen Fork (github Link) gemacht und in diese Extension die Events für swipe und pinch eingebaut.
Der @cpojer hat angekündigt es in den Haupt-Tree von sich zu mergen. Somit sollte der Augenmerk auf sein Repository fallen.

Nun gibt es also doch eine kleine Extension von mir bezüglich Multitouch for the web ;)

Update – 29. Juli 2010

@cpojer hat meine Änderungen übernommen und den Code auch noch etwas angepasst.

Mooltitouch and the Web

Schande über mein Haupt!
Vor über einem Monat habe ich schon angekündigt, dass ich einen Multi-Touch Plugin für MooTools schreiben möchte, dieser ist auch schon mooltitouch getauft (ja, deshalb auch der merkwürdige Titel zu diesem Beitrag).
Bisher bin ich aber noch nicht richtig zum Entwickeln gekommen, da es am iPhone sehr anstrengend ist und ich zur Zeit auf mein iPad warte.
Sobald dies eingetroffen ist (das sollte im Laufe dieser Woche geschehen) werde ich an dem Plugin weiter schreiben. Den direkten Einsatz wird die Klasse in einer extra für das iPad und Android Tablets optimierten Seite meines Portfolio finden.
Ich bitte euch also noch um etwas Geduld. Sobald der erste Release draussen ist erfahrt ihr es hier.

UPDATE

Leider habe ich im Laufe der Entwicklung gemerkt, dass es keinen großen Unterschied macht die Klasse zu benutzen, oder alles normal zu programmieren. Darum lege ich dieses Projekt Eis.
Allerdings habe ich bereits Ideen für weitere MooTools Projekte.

[HowTo] hulu und Co in Deutschland

Nach dem US iTunes Account geht es weiter mit US Aktivitäten!
Des öfteren liest man auch in Deutschland von Seiten wie hulu, Pandora Radio oder Netflix. Doch wenn man diese Seiten nutzen möchte stößt man meist auf Meldungen wie z.B. bei hulu:

We’re sorry, currently our video library can only be streamed within the United States.

Und das nervt!
Aber es gibt Abhilfe für dieses Problem. Die Lösung um diese Meldungen nicht zu bekommen heißt blackVPN.
blackVPN kostet für einen USA Server 5€ im Monat, bezahlt werden kann per PayPal.

Tipp: Benutzt diesen Referal Code und bekommt 2 Monate KOSTENLOS dazu: RECRGSD
Also habt ihr 3 Monate für 5€!

Nach dem registrieren und bezahlen  bekommt man 2 E-Mails, eine geht an die Anmelde-Adresse, die andere an die E-Mail Adresse des PayPal-Kontos.

Normalerweise sollte man diese Mails kurz nach der Anmeldung bekommen, ich bekam sie selbst nach 2 Tagen nicht und habe mich an den Support gewandt und für diesen gibt es einen Pluspunkt, denn dieser hat zügig reagiert und nachdem er beide E-Mail Adressen gegengecheckt hatte, hatte ich alle Daten zum Verbinden.

Das Einrichten ging einfach von der Hand, denn blackVPN liefert die passenden Dokumente zur Einrichtung des Zugangs direkt mit.
Ist alles fertig eingestellt kann man auch direkt loslegen und die US-Only Webseiten nutzen.

Ich benutze es nun schon ein paar Wochen mit hulu und Pandora Internet Radio und bin begeistert wie gut es funktioniert.
Ich kann es jedem nur empfehlen, gerade hulu bieten einen Haufen an Serien und die kann man sich vollkommen legal anschauen. Probiert es einfach aus!

Und nicht vergessen: Mit RECRGSD als Referal Code bekommt ihr 2 Monate KOSTENLOS dazu!

> Ab zur blackVPN Webseite und anmelden

[HowTo] Tony Hawk’s Pro Skater 2 für das iPhone

THPS2 App IconJahre ist es her als damals Tony Hawk’s Pro Skater 2 (kurz: THPS2) für die Playstation und andere Konsolen erschien.
Da ich aber damals nie eine eigene Spielkonsole ausser einem GameBoy hatte, wurde Tony Hawk’s Pro Skater 2 bei Freunden gespielt bis ich es irgendwann auf dem PC erworben habe als es einem Spiele-Magazin beilag.
Immer schon gehörte es zu meiner Lieblings-Episode in der Tony Hawk Serie und seit ein paar Wochen gibt es dieses Spiel auch für das iPhone!
Der einzige Nachteil: US-Appstore only.
Diese Aussage hat mich schon bei einem id Software Spiel und einem Spiel von 3D Realms gestört, wobei diese in Deutschland indiziert sind und es deshalb verständlich ist. Doch bei Tony Hawk scheint es an diversen Musikrechten zu liegen.
Dennoch wollte ich dieses Spiel irgendwie haben ohne mich dabei direkt auf illegalen Pfaden zu bewegen.
Wie ich letztendlich doch daran gekommen bin, möchte ich euch nicht vorenthalten.

(weiterlesen…)

Introducing Multi-Touch… to the web

Spätestens seitdem das iPad in den USA erschienen ist, blühen überall iPad optimierte Webseiten auf die mit Hilfe von HTML5 erstellt werden.
Allerdings wird HTML5 in den meisten Fällen nur zur Einbindung  von Videos genutzt, doch die Spezifikationen bieten viel mehr wie z.B. Geolocation und gerade auf dem iPad und iPhone auch Multi-Touch.
Ja, richtig gelesen. Das iPhone und das iPad erlauben das Erstellen von Multi-Touch Web-Applikationen. Wie es bei Android Geräten aussieht weiss ich nicht.
Ich habe mich seit Freitag immer mal wieder  damit auseinander gesetzt und habe es zu zwei kleinen Demos gebracht.

Mir tun sich dort gerade wieder einige Ideen auf, was sich damit so alles machen lässt, gerade auf Geräten wie dem iPad, die genug Fläche zum touchen bieten.
Ich werde mal schauen in wie weit sich die Multi-Touch Fähigkeit  in ein MooTools Plugin pressen lässt :)

OS 4.0 – Nicht genannte Features

Gerade ist sie zu Ende gegangen, die Apple Keynote zum neuen iPhone OS in Version 4.0 und ich möchte gar nicht auf die offen angesprochenen Features eingehen, sondern auf die Dinge die im Hintergrund aufgefallen sind, die aber Onkel Steve zum aktuellen Zeitpunkt nicht angesprochen hat.

Bluetooth keyboards

Das iPad kann es schon, in Zukunft vielleicht auch das iPhone und der iPod Touch:
Texte schreiben mit Hilfe einer über Bluetooth angeschlossenen Tastatur.
Ob es für das iPhone nützlich ist ist fraglich, vielleicht beschränkt es sich auch nur auf das iPad.
Sinn machen würde es auf dem iPhone vielleicht wenn der VGA Adapter des iPad auch auf dem iPhone funktioniert und man Programme wie Pages, Numbers etc. auf einem externen Bildschirm starten kann.

Quick Look

Apple hat mit OS 3.0 sein aus Mac OS X bekanntes Spotlight integriert und nun ist scheinbar das seit Mac OS X Leopard bekannte Quick Look dran.

Wie soll es funktionieren?

Wie der Rest dieses Beitrags ist auch dies nur eine Vermutung:
Ich kann mir vorstellen, dass man mit einem längeren Tap auf einen E-Mail Anhang oder einem Thumbnail in der Galerie  eine kleine Vorschau auf die jeweilige Datei bekommt.
Die Dauer des Tap wird sich wohl an dem des für Umlaute bei der Tastatur orientieren.

Mehr Features wie digitaler zoom, Fotos drehen, neuer Taschenrechner und weiteren im kompletten Beitrag.

(weiterlesen…)