Spielen, lernen und erleben Sie neue Web-Technologien mit Chrome-Experimenten

Die Chrome Experiments-Website ist ein Schaufenster für alles Neue und Aufregende, was Webtechnologien und Browser-Verbesserungen betrifft, mit einem Fokus auf JavaScript. HTML5 10 Websites mit HTML5-Inhalten 10 Websites mit HTML5-Inhalten Weitere Informationen: Canvas, SVG und die 3D-WebGL-Engine sind alle in kleinen Funken der Kreativität enthalten, die den Weg zu einem schöneren und interaktiveren Internet ebnen.

Eine der besten Eigenschaften von Chrome-Experimenten ist, dass die Website das Lernen von 4 TED-Vorträgen über Kreativität, Inspiration und Leidenschaft fördert. 4 Must-See-TED-Gesprächen über Kreativität, Inspiration und Leidenschaftskreativität. Inspiration. Leidenschaft. Dies sind alles Konzepte, die uns sehr bewusst sind, aber nicht viele von uns können ihre Quelle genau bestimmen. Woher kommt die Kreativität? Was ist es, was eine Entdeckung auslöst? Wenn Sie mit einem Projekt gespielt haben, besteht eine gute Chance, dass Sie ein wenig darüber lernen, wie es gemacht wird - und in manchen Fällen selbst versuchen.

Auf der Chrome-Experiments-Website gibt es Hunderte von Spielzeugen, mit denen Sie spielen können. Hier sind einige der besten.

Browseranforderungen

Da dies eine von Chrome betriebene Website ist, die von Google betrieben wird, sollten alle Experimente in ihrem Chrome-Browser ausgeführt werden. Dies bedeutet, dass Sie beim Ausführen oder Aktualisieren der neuesten stabilen Version von Chrome keine Probleme damit haben sollten, auch wenn andere moderne Browser ebenfalls funktionieren sollten.

Gehen Sie einfach nicht auf IE6, wenn Sie immer noch IE6 verwenden. Sie sind ein Problem. Wenn Sie noch IE6 verwenden, sind Sie ein Problem. [IE6] IE6 war der Beste der Besten kam frisch aus der Softwarefabrik von Microsoft herausgedrückt. Damit erreichte es den Rekord-Marktanteil von 95% auf Höhe von… Read more, okay?

3D Wolken

Diese Wolken sind nicht wirklich dreidimensional - wie Autor Jaume Sanchez herausstellt -, stellen Sie sich jedoch vor, dass Ihre Website oder sogar Ihr Desktop-Hintergrund mit 3D-ähnlichen Wolken erstellt wurde, die nur CSS und etwas JavaScript verwenden. Wir sind offensichtlich nicht weit von dieser Bühne entfernt, wie diese Demo zeigt.

Die Website von Jaume enthält zahlreiche interessante Experimente zu HTML5 sowie eine Vielzahl von Tutorials, die Ihnen dabei helfen, Ihre eigenen Ideen zu erstellen. Wenn Sie wissen möchten, wie er diese Wolken geschaffen hat, können Sie hier alles darüber lesen.

Drehwerkstatt

Diese WebGL-angetriebene Drehmaschine von Einar Öberg ist mehr Spaß als funktionell und verwendet die Leertaste und den Mauszeiger, um die Kunst des Handdrehens von Holz, Metall und Stein nachzubilden. Einar baute die Demo, um einen einfachen prozeduralen Shader zu zeigen, aber er fügte auch ein paar Sounds hinzu, um Authentizität zu gewährleisten.

Obwohl es sich nicht um ein vollständiges Tutorial handelt, können Sie im Blog des Autors etwas mehr darüber erfahren, wie es gemacht wurde.

GPU-Partikel-Attraktoren

Ein Experiment mit Partikeleffekten und der WebGL-Engine. Edouard Coulon hat etwas wirklich Schönes geschaffen, das Sie mit der Maus und der Leertaste bearbeiten können. Klicken Sie, um die Partikel in die Mitte des Bildschirms zu ziehen, und drücken Sie dann die Leertaste, um zu sehen, wie sie wieder nach außen schießen!

Es gibt leider kein Tutorial für dieses, obwohl ich den Ein-Millionen-Partikel-Modus empfehlen sollte, wenn Ihr Computer damit umgehen kann. Fügen Sie einen Projektor und einen dunklen Raum für endlosen Spaß hinzu!

WebGL-Autos

WebGL-Autos sind ein 3D-Spielzeug, mit dem Sie einen Bugatti Veyron und den Lamborghini Gallardo aus mehreren Kamerawinkeln steuern können. Er wurde von AlteredQualia, dem Autor des fantastischen interaktiven Films von ro.me (der auch in Chrome Experiments vorgestellt wurde) verfasst.

Besonders cool ist dabei die Demonstration von Bewegungsunschärfe, Schärfentiefe und unterschiedlichen Lichtverhältnissen. Ok, und das Kind in mir spielt gerne mit Spielzeugautos - was soll ich sagen?

X-Wing

Dies ist eines dieser Reaktionsspiele, bei dem das Ziel darin besteht, das Ziel mit der Maus (oder in diesem Fall auch mit der Tastatur) zu bewegen, um aufkommende Hindernisse zu vermeiden - außer, dass es besser ist als der Rest, da es sich bei diesem um ein X-Wing handelt sieht aus wie der Grabenlauf von Star Wars.

Der Autor, der den Namen OutsideOfSociety trägt, hat auf seiner Website noch viel mehr WebGL-Experimente.

Meine Roboternation

My Robot Nation ist ein voll funktionsfähiges E-Commerce-Frontend und nutzt die Möglichkeiten von WebGL, damit Sie Ihren eigenen Spielzeugroboter entwerfen, bemalen und anpassen können, bevor er zu einem festgelegten Preis an Sie ausgeliefert wird.

Ok, Sie müssen also nicht den Roboter kaufen, um einen Kick zu bekommen - aber wenn Sie so lange ausgeben, wie ich versuchte, etwas zu schaffen, das vage einem Robobrain aus dem Fallout Pique ähnelt, ist Ihr Interesse mit diesen Wikis auf 4 fiktional Post-apokalyptische Welten erwecken Ihr Interesse an diesen Wikis auf 4 fiktiven post-apokalyptischen Welten Haben Sie jemals das Wiki Ihrer Lieblingsserie oder Buchserie gesprungen und sind dann in einen inhaltsgesättigten Time Warp geraten? Sie wissen, wovon ich spreche - so etwas wie die klassische TVTropes Black-Hole-Serie… Read More, dann würden Sie sich wünschen, Sie hätten. Vergessen Sie nicht, auch die Kreationen aller anderen anzusehen!

FastKat 2

Ein weiterer “Vermeiden Sie die Hindernisse mit der Maus” Typ-Spiel, außer dieses ist eine Fortsetzung des ursprünglichen FastKat von Omiod, ein ziemlich beliebtes HTML5-Spiel, das Sie möglicherweise bereits gespielt haben. Die Fortsetzung ist schneller, härter und sehr süchtig.

Fangen Sie einfach nicht an, es zu spielen, wenn Sie Arbeit haben…

Livecodelab

Das abschließende Experiment (von Hunderten, es war schwierig, nur 8 zu wählen) ist etwas Besonderes, da Sie WebGL-Objekte mithilfe von Code direkt bearbeiten können. Neben einer Reihe von Demos zum Anschauen und Mitspielen gibt es eine Reihe von Tutorials, mit denen Sie etwas WebGL lernen können.

Ich bin kein Programmierer (ich erinnere mich schrecklich daran, mich an Worte zu erinnern, von Funktionen ganz zu schweigen), aber selbst ich fand es sehr anregend und leicht befähigend, mit WebGL zu manipulieren und mit einem großartigen Tutorial herumzuschlagen, um meine Hand zu halten. Wenn Sie daran interessiert sind, solche Dinge zu versuchen, aber keine Ahnung haben, wie Sie dies tun sollen, ist dies ein großartiger Ort, um anzufangen.

Fazit

Die Chrome Experiments-Website ist lediglich eine Plattform für Künstler und Programmierer, die ihre Kreationen einreichen kann, aber sie dient einem großen Zweck: Talente hervorheben und anderen dabei helfen, die Möglichkeiten neuer Webtechnologien zu vermitteln. Es gibt sogar Chrome-Experimente, die auf Ihrem Handy funktionieren!

Erfahren Sie mehr über: Google, Google Chrome.