t3n News Entwicklung

Breaking Bad: Serien-Intro in HTML5 nachgebaut

Breaking Bad: Serien-Intro in HTML5 nachgebaut

Tim Pietrusky ist Programmierer und Fan der US-Fernsehserie Breaking Bad. Was liegt also näher als diese beiden Hobbys zu verbinden? Passend zum Start der finalen Staffel in den USA rekonstruierte der Deutsche nun das markante Logo der Serie vollständig mithilfe von , und , inklusive Animation.

Breaking Bad: Serien-Intro in HTML5 nachgebaut

Letzte Staffel startete diese Woche in den USA

Diese Woche startete die fünfte und letzte Staffel der erfolgreichen Fernsehserie Breaking Bad in den USA. Das TV-Drama begleitet den Familienvater Walter White, wie er sich vom braven Grundschullehrer zum kriminellen Drogenkoch mausert. Die neue Staffel wird übrigens auch in Deutschland spielen, genauer gesagt in Hamburg.

HTML5, CSS5 und JavaScript

Als treuer Fan und Web-Entwickler wagte der 27-jährige Tim Pietrusky ein Experiment. Kurzerhand rekonstruierte er das Logo der Serie komplett in HTML5. Zum Einsatz kamen dabei nur HTML, Vektorgrafiken, CSS und Javascript. Das Ergebnis ist lediglich wenige Kilobyte groß und sieht dem Original doch verblüffend ähnlich. Sogar den Rauch im Hintergrund animierte Pietrusky mühevoll. Bei Codepen kann jeder das Ergebnis bewundern, natürlich inklusive Original-Musik und Quellcode. Wer das Original nicht kennt, der kann bei YouTube vergleichen. Auf seiner privaten Webseite beschreibt Pietrusky außerdem seine Vorgehensweise.

Weiterführende Links:

Newsletter

Bleibe immer up-to-date. Sichere dir deinen Wissensvorsprung!

Vorheriger Artikel Zurück zur Startseite Nächster Artikel
4 Antworten
  1. von Alex am 21.07.2012 (12:08 Uhr)

    Es stimmt wohl, die letzte Staffel! Es ist die beste Serie überhaupt und reicht an keine weitere. Ich bin gespannt wie wohl das Ende sein wird, die erste Folge war schon der Hammer! Was den Code betrifft, einfach heftig. Wenn ich daran denke was früher und heute alles möglich ist. Ich war fasziniert vom Ergebnis. Danke!

    Grüße,
    Alex

    Antworten Teilen
  2. von Ley am 23.07.2012 (09:57 Uhr)

    Eine der besten Serien überhaupt!

    Das mit dem Code ist echt heftig. Was mit HTML5 alles möglich ist.... coooole Sache

    Antworten Teilen
  3. von Tim Pietrusky am 23.07.2012 (13:39 Uhr)

    Vielen Dank das ihr meiner kleinen Spielerei so viel Aufmerksamkeit widmet :D

    Aber ich liebe Breaking Bad! So what? :D

    Antworten Teilen
  4. von bodybuilder am 09.08.2012 (20:19 Uhr)

    die Serie ist ja wohl cultig. Schade, dass es die letzte Staffel sein soll.
    Zum Thema: Soetwas hab ich vorher noch nie gesehen, einfach faszinierend.
    Wie lange dauerte das, bis das Ergebnis so aussah ?

    Antworten Teilen
Deine Meinung

Bitte melde dich an!

Du musst angemeldet sein, um einen Kommentar schreiben zu können.

Jetzt anmelden

Mehr zum Thema HTML5
5 praktische CSS-Libs: Wenn JavaScript pause machen darf
5 praktische CSS-Libs: Wenn JavaScript pause machen darf

CSS ist ein sehr mächtiges Werkzeug geworden und verdrängt in vielen Bereichen JavaScript immer weiter. Wofür wir früher jQuery benutzen mussten, kann heute schon mit reinem CSS gelöst … » weiterlesen

Tooltips ohne JavaScript: Das kann Hint.css 2.0
Tooltips ohne JavaScript: Das kann Hint.css 2.0

Mit Hint.css baut ihr ganz ohne Javascript schicke Tooltips in eure Web-Apps ein. Wir werfen einen kurzen Blick auf Version 2.0 der Library. » weiterlesen

Ein Amiga-Emulator in HTML5 und JavaScript: Hier zockst du Games-Klassiker online
Ein Amiga-Emulator in HTML5 und JavaScript: Hier zockst du Games-Klassiker online

Hat hier jemand „Nostalgie“ gefordert? Dieser Amiga-Emulator in HTML5 und JavaScript versetzt euch in alte Zeiten zurück. » weiterlesen

Alle Hefte Jetzt abonnieren – für nur 35 €

Kennst Du schon unser t3n Magazin?