Jouez, apprenez et expérimentez les nouvelles technologies Web avec les expériences Chrome

Le site Web de Chrome Experiments est une vitrine de tout ce qui est nouveau et passionnant en matière de technologies Web et de progrès des navigateurs, en mettant l'accent sur JavaScript. HTML5 10 sites Web pour voir en quoi HTML5 tout est sur 10 sites Web pour voir en HTML5 qu'est tout pour HTML5 En savoir plus, canvas, le format SVG et le moteur WebGL 3D occupent tous une place prépondérante dans une petite étincelle de créativité ouvrant la voie à un Internet plus joli et plus interactif.

L'une des meilleures choses à propos de Chrome Experiments est que le site encourage l'apprentissage. 4 Discours TED incontournables sur la créativité, l'inspiration et la passion 4 Discours TED incontournables sur la créativité, l'inspiration et la créativité. Inspiration. La passion. Ce sont tous des concepts dont nous sommes très conscients, mais peu d’entre nous peuvent identifier avec précision leur source. D'où vient la créativité? Qu'est-ce qui provoque une… Lire la suite de la découverte, alors une fois que vous avez joué à un projet, vous avez de bonnes chances d'en apprendre un peu plus sur la façon dont cela se fait - et dans certains cas, essayez-le vous-même.

Il existe des centaines de jouets sur lesquels vous pouvez jouer sur le site Web de Chrome Experiments et pour vous aider à démarrer, voici quelques-uns des meilleurs.

Exigences du navigateur

S'agissant d'un site Web centré sur Chrome et géré par Google, toutes les expériences sont conçues pour fonctionner dans leur navigateur Chrome. Cela signifie que vous ne devriez rencontrer aucune difficulté à les utiliser si vous téléchargez ou mettez à jour la dernière version stable de Chrome, bien que les autres navigateurs modernes fonctionnent également..

N'essayez pas de faire tout cela sur IE6 Si vous utilisez toujours IE6, vous êtes un problème [Opinion] Si vous utilisez encore IE6, vous êtes un problème [Opinion] IE6 était le meilleur des meilleurs quand il vient de sortir de l'usine de logiciels de Microsoft. Grâce à cela, il a pu atteindre la part de marché record de 95% du marché des navigateurs à la… Read More, okay?

Nuages ​​3D

Comme le souligne l'auteur Jaume Sanchez, ces nuages ​​ne sont pas de la vraie 3D, mais imaginez si votre site Web ou même votre fond d'écran génère de jolis nuages ​​de type 3D, n'utilisant que du CSS et un peu de JavaScript. Bien évidemment, nous ne sommes pas loin de cette étape car cette démo montre.

Le site de Jaume regorge d'autres expériences intéressantes impliquant HTML5, ainsi que de nombreux tutoriels pour vous aider à commencer à créer les vôtres. Si vous souhaitez savoir comment il a créé ces nuages, vous pouvez lire tout ce qui suit ici..

Atelier de tour

Plus amusant que fonctionnel, ce tour Webin d’Einar Öberg utilise la barre d’espace et le pointeur de la souris pour recréer l’art du tournage manuel du bois, du métal et de la pierre. Einar a construit la démo afin de montrer un shader procédural simple, mais il a également ajouté quelques sons pour l'authenticité.

Bien que ce ne soit pas un tutoriel complet, vous pouvez en apprendre un peu plus sur la façon dont cela a été fait sur le blog de l'auteur..

Attracteurs de particules GPU

Une expérience impliquant des effets de particules et le moteur WebGL, Edouard Coulon a créé quelque chose de vraiment magnifique que vous pouvez manipuler avec votre souris et la barre d'espace. Cliquez pour attirer les particules au centre de l'écran, puis appuyez sur la barre d'espace pour les regarder à nouveau!

Malheureusement, il n'y a pas de tutoriel pour cette version, bien que je vous recommande d'essayer le mode un million de particules si votre ordinateur peut le gérer. Ajoutez un projecteur et une pièce sombre pour un plaisir sans fin!

WebGL Cars

Fabriqué par AlteredQualia, auteur du génial film interactif ro.me (également présenté dans Chrome Experiments), WebGL Cars est un jouet en 3D qui vous permet de contrôler une Bugatti Veyron et une Lamborghini Gallardo à partir de plusieurs angles de vue..

La démonstration du flou de mouvement, de la profondeur de champ et de différentes conditions d'éclairage est particulièrement intéressante à cet égard. Ok, et le gamin en moi aime jouer avec de petites voitures - que puis-je dire?

X-Wing

C’est l’un de ces jeux de réaction où l’objectif est de déplacer la cible avec votre souris (ou dans ce cas aussi avec le clavier) dans le but d’éviter les obstacles imminents - sauf que c’est mieux que le reste car il s'agit d'un ressemble à la tranchée de Star Wars.

L'auteur qui porte le nom de OutsideOfSociety a beaucoup plus d'expériences WebGL en cours sur son site web..

Ma nation de robot

My Robot Nation exploite toute la puissance de WebGL pour vous permettre de concevoir, peindre et personnaliser votre propre robot-jouet avant de vous le faire livrer à un prix fixe..

Ok, vous n’avez donc pas besoin d’acheter le robot pour vous amuser, mais si vous dépensez aussi longtemps que vous essayez de faire quelque chose qui ressemble vaguement à un Robobrain de Fallout, piquez-vous votre intérêt avec ces wikis sur 4 fictif Les mondes post-apocalyptiques attirent votre intérêt avec ces wikis sur 4 mondes post-apocalyptiques fictifs Avez-vous déjà sauté sur le wiki de votre série ou de votre livre préféré et êtes ensuite tombé dans une chaîne temporelle saturée de contenu? Vous savez de quoi je parle - quelque chose comme ce trou noir classique de TVTropes… Lire la suite, alors vous souhaiteriez l'avoir. N'oubliez pas de consulter les créations de tous les autres!

FastKat 2

Un autre “éviter les obstacles avec votre souris” tapez game, sauf que celui-ci est la suite du FastKat d’Omiod, un jeu HTML5 assez populaire auquel vous avez peut-être déjà joué. La suite est plus rapide, plus dure et très addictive.

Mais ne commence pas à y jouer quand tu as du travail à faire…

Livecodelab

L’expérience finale présentée ici (sur des centaines, c’était difficile de choisir seulement 8 personnes) est assez spéciale, car elle vous permet de manipuler des objets WebGL à l’aide de code à la volée. En plus d’une série de démos à admirer et à utiliser, il existe une série de tutoriels pour vous aider à apprendre le WebGL..

Je ne suis pas un codeur (je ne sais plus quoi dire des mots, je ne sais pas quoi faire), mais même cela me paraissait attrayant et légèrement stimulant de manipuler et de manipuler WebGL avec un excellent tutoriel pour me tenir la main. Si vous êtes intéressé par ce genre de chose mais que vous ne savez pas comment le faire, alors c'est un bon endroit pour commencer.

Conclusion

Le site Web de Chrome Experiments est simplement une plate-forme à laquelle les artistes et les codeurs peuvent soumettre leurs créations, mais il constitue un excellent objectif: mettre en valeur les talents et aider à enseigner aux autres les possibilités offertes par les nouvelles technologies Web. Il y a même des expériences Chrome qui fonctionnent sur votre mobile!

En savoir plus sur: Google, Google Chrome.