Herr, lass Hirn ra.
- schwäbisches Stoßgebet

Bitte was?!

Today, let's drop into a world you can reach out and touch. In this article, we'll compose a first-person exploration from scratch, quickly and without difficult math, using a technique called raycasting. You may have seen it before in games like Daggerfall and Duke Nukem 3D, or more recently in Notch Persson's ludum dare entries. If it's good enough for Notch, it's good enough for me!

und das Ding läuft im Firefox absolut flüssig. Mir soll keiner mehr erzählen, nur der Chrome könne schnelles JS.

Raycaster: A first-person engine in 265 lines

Yeah. Ich habe DIE Website gefunden, auf der ich endlich all den Müll entsorgen kann, der mir hin und wieder auf Arbeit begegnet: Codecrap.com

Beispiel? Beispiel.

public static int getLenght(String word) {
    int j=0;
    for (int i = 0; i < word.length(); i++) {
         j++;
     }
    return j;
}

Nochn Beispiel? Sicher.

void get_tomorrow_date( struct timeval *date )
  {
    sleep( 86400 ); // 60 * 60 * 24
    gettimeofday( date, 0 );
  }

Waaahahahaa ich schmeiß mich weg!

code | coding | scheiße | schrott | mist

Irgendwann im Laufe der letzten Aktualisierungen hat Firefox offenbar gelernt, YouTube-Videos im Zusammenspiel mit transparenten PNGs in DIVs in puncto Z-Index korrekt zu behandeln. Damit kann ich mir wieder einen lästigen Workaround sparen. Goodbye, kleiner Flashverschwinder...

#mh-flashverschwinder{
  z-index:101;
  width:740px;
  height:83px;
  position:relative;
  top:-135px;
  left:-120px;
  margin-left: auto ;
  margin-right: auto ;
  background: #fff;
}

Dem Ding verdanke ich sicher 3 graue Haare.

PS: und ich muss jetzt auch mal eine Lanze für den aktuellen IE brechen. Was hat der früher für einen Scheiß zusammengerendert. Aber die Version 11 stellt mein Blog ziemlich gleich dar wie Firefox, Chrome und Safari. Was lange währt...

Habt ihr eine Ahnung, warum Firefox von meinem Blog solche Screenshots erstellt (auf der "Neuer Tab Übersichtsseite")?

Und am Besten noch, was ich dagegen tun kann? Das "Warum" liegt wahrscheinlich darin begründet, dass dieser schräge Header position:fixed ist, aber der René hat genau so ne Scheiße eingebaut (von dem hab ich das mehr oder weniger geklaut) und bei dem gibt's das Problem nicht:

Dit is do allet Driss!

Hallo Zielgruppe. Da mein Blog gestern auf einem Rechner dieser Welt plötzlich extrem seltsam aussah, wollte ich euch mal eben fragen:

 Wird geladen ...

Ihr könnt auch gerne mit verschiedenen Geräten mal hier aufschlagen und mitmachen.

Bonusfrage: Wenn du Variante 2 zu sehen bekommst: wie kommst du hierher? Vielleicht über eine UMTS-Verbindung oder einen Handy-Hotspot oder sowas?

Update: danke für die rege Beteiligung. Nach reiflicher Überlegung habe ich beschlossen, das Problem als nicht so furchtbar dringend einzustufen und habe nur eine halbe Stunde der CSS.Frickelei geopfert. Das Ergebnis sieht so aus und ist sicher nicht perfekt, aber eben auch nicht mehr Lebenszeit wert

Mathematik kann so schön sein:

In voller Javascript-Schönheit auf GitHub zu bewundern:

http://anvaka.github.io/atree
https://github.com/anvaka/atree

Ha! Der Alex. Der hat's halt drauf. Gestern noch trauerte ich zusammen mit René um das von Mozilla getötete <blink>-Tag, heute schon kommt der Alex mit diesem netten CSS-Hack daher, den ich mir gleich mal übernommen habe.

@keyframes blink {
0% { opacity:1; } 75% { opacity:1; } 76% { opacity:0; } 100% { opacity:0; }}

blink {
text-decoration: inherit;
animation: blink 0.75s ease-in infinite alternate;
}

Das Coolste daran: da blinkt dann nicht nur Text, sondern alles.

Yeeehaw!!

Nur im Chrome funktioniert das leider nicht

SCHWEINE!! Mozilla haben <blink> getötet!

Update: Alex hat es wiederbelebt. Ist ganz einfach.

Hahaha Mist, ich glaube, Oliver Widder guckt mir heimlich beim Arbeiten zu

Understandability [CC BY] Oliver Widder

Liebe Zielgruppe. Es hätten zwar nur vier von euch vermisst, aber das sind ja schon vier zu viel. Außerdem kannten ganze 27 Leute das Radio noch gar nicht, also kann es ja nicht schaden, mal wieder darauf hinzuweisen. Wenn ihr da rechts oben nix seht, lest ihr mich gerade im RSS. Oder auf einem Telefon. Oder in einer Konsole. Oder was weiß denn ich. In dem Fall kommt halt mal mit einem ordentlichen Browser auf der Website vorbei...

(mehr …)

Ein sehr ausführlicher Artikel über CSS 2D Transformationen:

http://msdn.microsoft.com/en-us/magazine/gg709742.aspx

Wer sowas hier kapieren will:

/* move the origin to the bottom right corner */
-moz-transform-origin: 100% 100%;
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
-o-transform-origin: 100% 100%;
transform-origin: 100% 100%;

/* rotate 30 degrees clockwise */
-moz-transform: rotate(30deg);
-webkit-transform: rotate(30deg);
-ms-transform: rotate(30deg);
-o-transform: rotate(30deg);
transform: rotate(30deg);

ist da genau richtig.

Ich fummel' gerade massiv an meinem Layout herum (hallo René!), und deshalb habe ich mir zu Testzwecken mal eben einen Chrome auf mein WinXP geklatscht. Yaaarhg! Wasn das ey??

Au Backe, das sieht ja völlig scheiße aus. Ohne Antialiasing isses auch schlimm:

Nur mit ClearType-Antialiasing geht's klar:

Frage an die Chrome-User unter euch:

 Wird geladen ...

Update 15.4.2013: ich habe jetzt eine andere Schriftart verwendet (Deja Vu Sans Mono), die nicht ganz so übel ist. Immer noch übel, aber das ist halt Chrome...