Animierte Google-Logos

**LoL-O_Mat** · 09. 09. 2010, 13:49

Zitat von minimal-techno

Heute gibt es im übrigen eine Live-Suche, die die Suchbegriffe direkt umsetzt.

Inwiefern?

**minimal-techno** · 09. 09. 2010, 14:01

Man tippt was ein und der Suchbegriff erscheint direkt als Ergebnis. Also auch die Teile eines Suchbegriffes. Sucht man nach gulli, gibt google während der Eingabe die Ergebnisse für gul gull usw. aus.

Edit: Man braucht wohl einen google-account. sorry.

http://www.time-news.de/2010/09/09/g...uchergebnisse/

**hell18** · 09. 09. 2010, 22:17

@ sars, nö ich hab es mir nicht angeschaut. Ich hab nur überlegt wie ich es machen würde, es sein könnte ...

- HMTL 5, HTML klar, aber schnödes HTML 4 täte es vollkommen (wenn Canvas wirklich nicht genutzt wird hast du möglicherweise recht)
- Javascript (wobei CSS3 schon reichen könnte), CSS3 würde nicht reichen und wurde hier auch gar nicht verwendet (doch, mit CSS3 sind auch Animationen so am Rand auch möglich)
- Canvas, Wie Tipo schon sagte, es sind einzelnen DIVs (steht wo? Eventuell sind es ja Canvas die per JS in Divs umgewandelt wurden, wer weiß das

)
- CSS3, auch CSS 2.1 reicht hier vollkommen (keine Ahnung bestimmte Sachen sind erst ab CSS3 verfügbar wie eben Canvas)

Anschauen kann man es sich ja scheinbar nicht mehr sonst würde ich es mal ein bissel zerflücken ...

Kommt das der Sache nicht sehr nahe? http://www.chromeexperiments.com/detail/ball-pool/

Also da kommt was mit Canvas drin vor, auf jeden ...

Code:

    var circle = document.createElement( 'canvas' );

**aNtiCHrist** · 09. 09. 2010, 22:33

CSS und Canvas sind verschiedene Sachen, die nichts weiter miteinander zu tun haben. Und CSS-Animations sind (zumindest bisher) kaum in der Lage dazu, solche Effekte zu erzeugen.

Damit du was zum Zerpflücken hast:
http://quebe.ca/doodle.html

Und noch alternativ als canvas-Implementierung:
http://dotty-dots.appspot.com/

Mit einer Suchmaschine findet man diese Seiten übrigens problemlos ...

**hell18** · 10. 09. 2010, 10:16

...

1.) Danke für die Links
2.) CSS3 falls das für die Animation genutzt werden würde, was ja scheinbar nicht so ist und HTML5 wegen dem Canvas Kram ...

Ich kenne mich da aber auch nicht so gut aus