Das Putzlowitsch Test- und SEO-Blog

London 2012 – Hürdenlauf (Google Doodle interaktiv)

London 2012 Hürdenlauf - Google-Doodle

Heute gibt es auf der Google-Startseite ein Olympia-Doodle zur Leichtathletik-Disziplin Hürdenlauf. In der mobilen Version (siehe oben) sieht es nicht viel anders aus, als die Doodle der letzten Tage. Trotzdem muß ich heute nicht selbst Hand anlegen für eine Animation, wie beim Bogenschießen oder Speerwerfen.

Google hat das Doodle heute selbst animiert und interaktiv als Spiel umgesetzt. Tolle Sache, da werden Erinnerungen an den Spiele-Klassiker „Summer Games“ wach. Beim Google-Doodle schlüpft man in die Rolle eines Hürdenläufers und muß die Strecke möglichst schnell und fehlerfrei, also ohne eine Hürde umzuwerfen, absolvieren. Laufen kann man mit den links/rechts-Cursortasten und springen mit der Leertaste. Beschleunigen geht aber auch mit schnellem Mausklicken.

Hier mein Rekorversuch als Video :->

Gewitter Nacht Berlin Köpenick 15 08 2023

Ja, ich gebe zu, Sport war noch nie so mein Ding. In der Schule hatte ich es sogar mal zu einer 4 auf dem Zeugnis gebracht (schlechteste Note in der DDR war die 5). Glücklicherweise stand beim Schulsport bei uns nie Hürdenlauf auf dem Programm, ich hätte da wohl so wie der Ärmste in meinem Video ausgesehen.

Ich will mich hier auch keineswegs über den Sport oder die Olympischen Spiele lustig machen, es ist eher so eine Art Selbstbetrachtung mit Vergangenheitsbewältigung.

Nur mit dem Startklick und ohne im weiteren Verlauf etwas zu tun, kommt man auf eine Zeit von etwa 49 Sekunden. Schon alleine wildes Mausklicken ohne zu springen bringt eine Zeit von 15 Skunden. Das ist gar nicht mal so schlecht, denke ich. :-)

Wer den Doodle-Hürdenlauf selber mal probieren will, kann das bereits im Doodle-Archiv tun. Viel Spaß!

Ein Kommentar »

London 2012 – Speerwerfen (Google Doodle animiert)

Na das ist vielleicht ein Streß für die Google-Doodle-Blogger. Schon 10 Doodle gab es bisher für die Olympischen Spiele in London 2012 und Google bringt jeden Tag ein neues Doodle. Sieben Doodle werden wohl noch kommen, es gibt auch noch ausreichend Sportarten, die auf ein Doodle hoffen können.

Morgen ist nun Speerwerfen (engl. Javelin) an der Reihe. Das Doodle zeigt einen sehr dynamischen jungen Mann, der gerade weit ausholt, um den Speer möglichst weit zu schleudern. Aber es tut sich nichts, er verharrt wie zur Salzsäule erstarrt, das Doodle ist nicht animiert.

So mußte ich, wie schon beim London 2012 Bogenschießen Doodle, die Animation für mein kurzes Video selbst erstellen.

London 2012 - Speerwerfen - alle Phasen der Animation

Im Bild habe ich alle Phasen der Animation zusammen dargestellt. Das Problem war nicht nur die Bewegung des Speeres, ich mußte irgendwie den ganzen Speerwerfer in Bewegung setzen, damit eine halbwegs „realistische“ Animation entsteht.

Normalerweise wäre der Speer schnell aus dem Bild herausgeflogen. Das wollte ich aber nicht. So hab ich den Sportler im Bild etwas nach links verschoben und stolpern lassen. Im Fallen flutscht ihm der Speer aus der Hand und bleibt in der Ecke des Doodles stecken. Daß er den Speer nicht richtig festhalten kann, könnte daran liegen, daß er nur vier Finger an einer Hand hat. :-)

Keine Angst, dem Athleten ist nichts passiert, er hat sich nicht verletzt. Da es sein erster Wurf war, hat er die Qualifikation noch geschafft und wurde später sogar Olympiasieger. :-)

Insgesamt sind 17 Teilbilder inkl. Startbild und „Aufleuchten“ der Google-Buchstaben entstanden. Hier die London 2012 – Speerwerfe Animation als animierte GIF-Datei:

London 2012 - Speerwerfen Animation

Das läuft auch hier etwas zu langsam, aber so kann man die einzelnen Phasen besser sehen. Im Video und mit Ton kommt das natürlich besser rüber. :-)

Gewitter Nacht Berlin Köpenick 15 08 2023

Eine spannende Frage bleib noch, wie wird Google den englischen Doodle-Suchbegriff Javelin (hier mein Video) ins Deutsche übersetzen. Nur Speer, Speerwerfen oder Speerwurf oder vielleicht sogar „männer werfen speer“. :-)

Ja, es hat wieder mal Spaß gemacht, aber bei jedem der noch kommenden 6 Olympia Doodle werde ich das nicht machen, da geht doch so einiges an Zeit bei drauf.

8 Kommentare »

London 2012 – Bogenschießen (Google Doodle animiert)

Na das wird vielleicht ein Streß für die Google-Doodle-Blogger. Heute beginnen mit der Eröffnungsfeier in London die Olympischen Spiele 2012 und Google bringt jeden Tag ein neues Doodle. Ganze 16 Tage lang, immer etwas anderes, die meisten Doodle werden einer bestimmten Sportart gewidmet sein.

Los geht es morgen mit Bogenschießen. Das Doodle zeigt einen „Grünen Bogenschützen“, naja, besser eine Bogenschützin in einem zartgrünen Kleid. Die Sportlerin steht mit gespanntem Bogen da, die Zielscheibe im Blick. Man wartet förmlich darauf, daß sie die Sehne loßläßt und der Bogen davon flitzt. Tut sie aber nicht, es passiert nichts, das Doodle ist nicht animiert.

So mußte ich, wie schon beim Amelia Earhart Flugzeug Doodle, die Animation für mein kurzes Video selbst erstellen.

London 2012 - Bogenschießen - alle Phasen der Animation

Im Bild habe ich alle Phasen der Animation zusammen dargestellt. Das Problem war nicht nur die Bewegung des Pfeiles, ich mußte auch das Loßlassen der Hand und die Enspannung der Bogensehne darstellen. Zudem hätte der Pfeil, wäre er einfach geradeaus geflogen, nicht das Zentrume der Zielscheibe getroffen. So hab ich eine leichte Aufwärtsbewegung und eine perspektivisch halbwegs brauchbare Verkürzung und Verkleinerung des Pfeils umgesetzt. Insgesamt sind 9 Teilbilder inkl. Startbild entstanden.

Hier die London 2012 – Bogenschießen Animation als animierte GIF-Datei:

London  2012 - Bogenschießen Animation

Das läuft auch hier etwas zu langsam, aber so kann man die einzelnen Phasen besser sehen. Im Video und mit Ton kommt das natürlich besser rüber. :-)

Das Video selbst war diesmal recht schnell fertig, am längsten hat dabei noch fast das Suchen nach der Musik und den passenden Geräuschen gedauert.

Ja, es hat wieder mal Spaß gemacht, aber bei jedem der noch kommenden 14 Olympia Doodle werde ich das nicht machen, da geht doch so einiges an Zeit bei drauf.

9 Kommentare »

Das Amelia Earhart Flugzeug animiert

Das paßt ja ganz gut. Mein letzter Artikel hier liegt einen Monat zurück und bezog sich auf ein Google-Doodle (Alan Turing). Auch das „Bild des Tages“ rechts in der Sidebar führt zu einem Doodle-Artikel (Mies van der Rohe). Was liegt also näher, heute auch wieder etwas zu einem Google-Doodle zu schreiben.

Es geht um die US-amerikanische Flugpionierin und Frauenrechtlerin Amelia Earhart. Das Doodle zeigt ein Flugzeug und die Pilotin Earhart. Welche Bilder als Vorlage dafür diente, hat Martin vom TagSEOBlog heraus gefunden. Von ihm gibt es auch ein ausführliches Info-Video (englisch).

Da ich für mein Amelia Earhart Flugzeug Video etwas besonderes machen wollte, habe ich mir überlegt, den Propeller zu animieren und das Flugzeug davon fliegen zu lassen.

Amelia Earhart Flugzeug - Propeller-Phasen

Mir war klar, daß das nicht wirklich perfekt gehen würde, allein weil beim Drehen der Propellerflügel die Perspektive nicht mehr stimmt. Als Drehwinkel-Abstand habe ich jeweils 30° gewählt, das ergibt also 6 Bilder (0,30,60,90,120,150) für eine halbe Propeller-Umdrehung. Da die 180° praktisch wieder den 0° entsprechen, habe ich auf eine vollständige Rotation verzichtet. So sieht das Ganze als Gif-Animation aus:

Amelia Earhart Flugzeug animiert

Es läuft nicht ganz rund und auch zu langsam, im Video siehte es allerdings ganz brauchbar aus, finde ich:

Das Video selbst war der komplizierteste Teil, aber das ist eine andere Geschichte.

Egal, es hat Spaß gemacht, die Idee umzusetzen und ich habe wieder mächtig was gelernt. :-)

5 Kommentare »

Bilder in der WordPress-Mediathek neu verknüpfen

Bilder und Artikel

Lädt man in WordPress Bilder direkt im Editor hoch, werden sie automatisch mit dem aktuell bearbeiteten Artikel bzw. der Seite verknüpft. Diese Bilder werden dann z.B. in der Worpdress-Galerie zu diesem Artikel angezeigt. Die Zuordnung eines Bildes zu einem Artikel ist normalerweise nicht änderbar. Auch wenn man ein Bild in einem oder mehreren anderen Artikeln verwendet bleibt die Eltern (Artikel) – Kind (Bild) – Beziehung bestehen.

Elternlose Bilder

Wird ein Bild in der Mediathek hochgeladen, ist es zunächst elternlos. In der Bilderliste steht dann in der Spalte „Verwendet in“ wie bei den Aprikosen nur „(Nirgendwo verwendet)“.

Wordpress-Mediathek: Funktionen für Bilder

Mit einem Klick auf „Verknüpfen“ kann man das Bild dann einem Artikel oder einer Seite zuweisen. Das Bild bekommt seine Eltern auch zugeteilt, wenn es erstmalig in einem Artikel oder einer Seite verwendet wird.

Bilder-Adoption

Manchmal kann es wünschenswert sein, ein Bild einem anderen Artikel zuzuordnen. Ein Weg ist, dieses direkt in der Datenbank zu erledigen. Dazu muß im Feld post_parent des Bildes die ID des gewünschten Artikels eintragen.

Einfacher ist es natürlich, wenn man die Zuweisung in der WordPress-Mediathek durchführen kann. Eine entsprechende Funtkion kann mit ein paar Zeilen PHP-Code nachgerüstet werden:

function plw123_add_attach( $actions, $post, $detached )
{
  if ( current_user_can( 'edit_post', $post->ID ) )
    $actions['attach'] = '<a href="#the-list" onclick="findPosts.open( \'media[]\',\''.$post->ID.'\' );return false;" class="hide-if-no-js">'.__( 'Attach' ).'</a>';
  return $actions;	
}
add_filter( 'media_row_actions', 'plw123_add_attach', 10, 3 );

Der PHP-Code kann z.B. in die Datei functions.php des Themes eingetragen werden.

Der Link „Verknüpfen“ wird dann für jedes Bild bei den Funktionen angezeigt, die beim Überfahren einer Mediathekzeile mit der Maus eingeblendet werden (Beispiel Kamera):

Wordpress-Mediathek: Funktion "Verknüpfen" bei jedem Bild

Die vorgestellte Lösung habe ich mit WordPress 3.2.x und 3.3.x getestet.

25 Kommentare »