Das Putzlowitsch Test- und SEO-Blog

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 »

Alan Turing Google Doodle – so funktionierts

Bedienungsanleitung

Heute zeigt Google auf der Startseite ein interaktives Doodle zum 100. Geburtstag von Alan Turing. Ich hatte zu Anfang einfach nur geklickt und probiert, aber eigentlich ist alles ganz logisch aufgebaut.

Wichtig: Damit es überhaupt funktioniert, muß der Webbrowser den sogenannten localStorage unterstützen und Cookies müssen erlaubt werden. Außerdem muß JavaScript aktiv sein.

Grundlagen der Bedienung

Hier die Bedienelemente in der Übersicht:

Button mit Pfeilen Bewegung (rechts/links)
Bewegt den Schreib-/Lesekopf (das Fenster) in die angezeigte Richtung. Da das Fenster aber still steht, bewegt sich das Bitmuster scheinbar in die andere Richtung. Das in der angezeigen Richtung liegende Bit wird aktiviert.
Button mit 1 und 0 Wert setzen (1/0)
Setzt den ausgewählten Wert (1 oder 0) für das Bit unter dem Fenster.
Button mit Kullern und Kreispfeil gegen den Uhrzeiger
Button mit Kullern und Kreispfeil mit dem Uhrzeiger
Rücksprung (2,3,4 Schritte)
Springt in der Abarbeitung 2, 3 oder 4 Schritte zurück. Die Anzahl der Kreise im Button legt die Sprungweite fest.
Button mit Kasten und Pfeil nach unten
Button mit Kasten und Pfeil nach oben
Verzweigung (Bedingung 0,1,leer)
Es wird abhängig vom aktuellen Bit in die angegebene Richtung (nach unten oder nach oben) verzweigt. Die Bedingungen ist erfüllt, wenn das aktuelle Bit im Fenster dem eingestellten Wert (0, 1 oder leer) entspricht.
Button gelb (aktiv) Benutzer-Funktion
Bei den gelben Buttons kann der Benutzer Einstellungen vornehmen. Ein Klick schaltet die Aktion um bzw. weiter. Alle anderen Kreise (Schritte) führen die vorgegebenen Aktionen aus.
Button Start Start
Startet die Abarbeitung der Turing-Maschine. Dabei wird immer oben links begonnen und schrittweise nach rechts gegangen, es sei denn, es erfolgt eine Abzweigung oder ein Rücksprung.

Hier ein Beispiel mit Erläuterungen.

Alan Turing Google Doodle Teil 2 – Aufgabe 1

Alan Turing Doodle - Bedienung
Ziel ist es, das Bitmuster im kleinen Fenster oben rechtes (01011) mit der Turing-Maschine zu erzeugen. Im Beispiel (11010) muß also die 1 ganz links in eine 0 umgewandelt werden, die 0 ganz rechts in eine 1.

Ich habe die Bedienknöpfe bereits richtig eingestellt. Im Ablauf wird deutlich, was die Funktionen bei welchen Schritten bewirken. Auf gehts! :-)

Turing-Maschine zum Google Doodle - Schritt 1
Vom Start weg kommt die Turing-Maschine in eine Linksschiebe-Schleife. Diese wird solange durchlaufen, bis das aktuelle Bit leer ist.

Turing-Maschine zum Google Doodle - Schritt 2
Die Bedingung „Bit leer“ ist erreicht, die Schleife wird verlassen und die Abarbeitung verzweigt nach unten.

Turing-Maschine zum Google Doodle - Schritt 3
Der nächste Schritt ist ein Rechtsschieben. Damit steht das gewünschte Bit im Fenster und wird anschließend auf 0 gesetzt.

Turing-Maschine zum Google Doodle - Schritt 4
Nun gelangt die Turing-Maschine in eine Rechtsschiebe-Schleife. Es passiert praktisch dasselbe wie bei Schritt 1. Jetzt wird das Bitmuster über den rechten Rand bis zum ersten Leer-Bit verschoben.

Turing-Maschine zum Google Doodle - Schritt 5
Die Bedingung „Bit leer“ ist erreicht, die Schleife wird verlassen und die Abarbeitung verzweigt nach oben.

Turing-Maschine zum Google Doodle - Schritt 6
Der nächste Schritt ist ein Linksschieben. Damit steht das gewünschte Bit im Fenster und wird anschließend auf 1 gesetzt.

Turing-Maschine zum Google Doodle - Schritt 7
Entsprechend der vorgegebenen Abarbeitungsrichtung läuft die Turing-Maschine zum Abschluß über zwei Leerfelder bis zum Ende ins Aus.

Turing-Maschine zum Google Doodle - Fertig
Fertig. Das richtige Bitmuster wurde erstellt und der erste Google-Buchstabe wurde eingefärbt.

Alan Turing Google Doodle interaktiv

Hier selbst ausprobieren (auf die Animation klicken):

Wer sehen will, wie es weiter geht, kann sich das Alan Turing Doodle-Video ansehen. Viel Spaß! :-)

Gewitter Nacht Berlin Köpenick 15 08 2023
Weitere Artikel mit Bezug zu diesem:
6 Kommentare »

Bewegung in der Google-Bildersuche – Rankingupdate

Bilder im Auf und Ab

Gestern gab es ein Ranking-Update in der Google-Bildersuche. Ursache dürften Änderungen im Ranking-Algorithmus der Bildersuche sein. Vielleicht steht dazu ja demnächst etwas beim monatlichen „Algorithmus-Update“ im Google Inside Search Blog.

Bei allen 40 von mir zweimal täglich beobachteten Keywords sind die Veränderungen mehr oder weniger deutlich zu sehen. Beim seit Wochen unveränderten „Kloster Chorin“ gabe es im wesentlichen nur Verschiebungen innerhalb der Top-10.

Wikipedia wankt

Interessanter und augenscheinlicher ist allerdings der Aufstieg von Bildern von den hinteren Plätzen (20-40) in die Top-10. Beim Beispiel „Erdbeere“ wird noch ein weiterer Aspekt sichtbar.

Die seit einiger Zeit auf den ersten Plätzen wie „festgenagelt“ stehenden Wikipedia-Bilder geraten ins Wanken. Von den 70% Nummer-Eins-Bildern der Wikipedia sind „nur“ noch 55% übrig geblieben. Man kann also durchaus (wieder) Bilder an der Wikipedia vorbei auf Platz 1 bringen.

Gemischter Salat

Bei meinen Bildern sind die Rankingverschiebungen eher gemischt. Manche Bilder haben gewonnen, andere verloren. Ein klares Bild oder gar Zusammenhänge sind für mich nicht erkennbar. Na mal sehen, was die bidox-Zahlen der nächsten Woche bringen…

Nachtrag 15. Juni:
Im bidox wurden die Verluste der Wikipedia noch nicht so deutlich, dafür sprechen die SEOLytic-Daten eine deutlichere Sprache. Verlust von ca. 5000 Bildern (-10%) in der Universal-Search.

Derzeit verliert die Wikipedia weiter Top-Positionen. Das Ranking-Update in der Google-Bildersuche ist noch nicht beendet.

4 Kommentare »

Peter Carl Fabergé – mein bisher erfolgreichster Doodle Beitrag

Mit Peter Carl Fabergé dreimal auf Seite 1Darf ich mich darüber freuen? Kurzzeitig war ich mit allen drei meiner Beiträge (Bild, Video, Blog-Artikel) auf der ersten Seite der Google-Suchergebnisse zu Peter Carl Fabergé zu finden.

Zudem hatte ich sogar zeitweise Doodle-Guru Martin Mißfeldt vom TagSEOBlog überholt. :-)

Allerdings habe ich ihm den Erfolg auch im wesentlichen zu verdanken.

Einerseits ist er sich nicht zu fein, seine Doodle-Erfolgsstrategie mit anderen zu teilen, sei es in seinem Blog oder auf SEO-Konferenzen.

Andererseits sind Links immer noch wichtig und so ist ein Link aus seinem Fabergé-Artikel auch besonders viel Wert. Auch die noch Links von Oceparx und SEOptiker sind natürlich wertvoll, wie Links überhaupt.

Dazu kommt noch, das die Suchphrase Peter Carl Fabergé eher schwach besetzt ist, bei Valentinstag oder Frohes Fest geht sowas natürlich nicht so einfach.

Ja, ich freue mich über diesen kleinen Erfolg, auch wenn man den Tag bekanntermaßen nicht vor dem Abend loben sollte. :-)

6 Kommentare »