Jouer, apprendre et découvrir de nouvelles technologies web avec des expériences en chrome

Le site Web Chrome Experiments est une vitrine pour toutes les choses nouvelles et excitantes en matière de technologies web et les progrès du navigateur, avec un accent sur javascript. HTML5

, toile, SVG et le moteur 3D WebGL tous une place prépondérante dans les petites étincelles de créativité qui ouvrent la voie à un Internet plus joli et plus interactif.10 sites Web pour voir Qu`est-ce que HTML5 est tout au sujet10 sites Web pour voir Qu`est-ce que HTML5 est tout au sujetLire la suite

Une des meilleures choses à propos de Chrome Experiments est que le site encourage l`apprentissage aux côtés de découverte, donc une fois que vous avez joué avec un projet il y a une bonne chance que vous serez en mesure d`en apprendre un peu sur la façon dont il est fait - et dans certains cas, lui donner un aller vous-même.

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

Video: Google Chrome extensions ( Demo Tuto)

Configuration du navigateur

Comme il est un site Web axé sur Chrome géré par Google, toutes les expériences sont destinés à travailler dans leur navigateur Chrome. Cela signifie que vous devriez avoir peu de difficultés à exécuter l`un d`eux si vous téléchargez ou mise à jour à la dernière version stable de Chrome, bien que d`autres navigateurs modernes devraient fonctionner aussi.

Il suffit de ne pas essayer de faire tout cela sur IE6, d`accord?Si vous utilisez encore IE6 Vous êtes un problème [Avis]Si vous utilisez encore IE6 Vous êtes un problème [Avis]IE6 a été le meilleur du meilleur quand il est venu fraîchement pressé de l`usine de logiciels de Microsoft. En raison de ce qu`il a pu atteindre le record de 95% navigateur part de marché à la hauteur de ...Lire la suite

Nuages ​​3D

Ces nuages ​​ne sont pas vrai 3D - points comme auteur Jaume Sanchez - mais imaginez si votre site Web ou même arrière-plan de bureau généré nuages ​​assez, 3D-like en utilisant rien d`autre que CSS et un peu de javascript. Et bien évidemment, nous ne sommes pas loin ce stade que cette démo montre.

Le site de Jaume est plein d`autres expériences intéressantes impliquant HTML5, ainsi qu`une tonne de tutoriels pour vous aider à commencer à faire votre propre. Si vous souhaitez savoir comment il a fait ces nuages ​​alors vous pouvez lire tout cela ici.

Atelier Lathe

Plus amusant que fonctionnel, ce tour alimenté WebGL-de Einar Öberg utilise la barre d`espace et pointeur de la souris pour recréer l`art de transformer le bois, le métal et la pierre à la main. Einar construit la démo donc montrer simple shaders de procédure, mais il a également ajouté quelques sons d`authenticité.

Sans un tutoriel complet, vous pouvez en apprendre un peu plus sur la façon dont il a été fait sur le blog de l`auteur.

Attracteurs GPU de particules

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

Video: 2x03 Enseigner avec les nouvelles technologies

Il n`y a pas tutoriel pour celui-ci, malheureusement, que je vous recommande d`essayer le un million de mode particules si votre ordinateur peut le manipuler. Ajouter un projecteur et une pièce sombre pour le plaisir sans fin!

WebGL Voitures

Fait par AlteredQualia qui est également l`auteur du film interactif impressionnant ro.me (qui est également été sélectionnée sur Chrome Experiments), les voitures WebGL est un jouet 3D qui vous permet de contrôler une Bugatti Veyron et Lamborghini Gallardo à partir de plusieurs angles de caméra.

Une chose qui est particulièrement frais à ce sujet est la démonstration de flou de mouvement, de la profondeur des conditions d`éclairage terrain et différentes. Ok, et l`enfant en moi aime jouer avec des voitures jouets - ce que je peux dire?

X-Wing

C`est l`un de ces jeux de réaction où le but est de déplacer la cible avec votre souris (ou dans ce clavier de cas aussi) dans le but d`éviter les obstacles venant en sens inverse - sauf qu`il vaut mieux que le reste parce que celui-ci implique un X-Wing et ce ressemble à la tranchée courir de Star Wars.

L`auteur qui va par le nom OutsideOfSociety a beaucoup plus d`expériences WebGL en cours sur son site.

Nation Mon Robot

Un front-end de commerce électronique entièrement fonctionnel, My Robot Nation exploite la puissance de WebGL pour vous permettre de concevoir, de peinture et de personnaliser votre propre robot de jouet avant de l`avoir livré à vous pour un prix fixe.

Video: DEMO JOUETS face à la ROULETTE RUSSE CHALLENGE de MOUSSIER

Ok, donc vous ne devez pas acheter le robot pour obtenir un coup de pied - mais si vous passez aussi longtemps que je n`essayer de faire quelque chose qui ressemble vaguement à un Robobrain de la Tomber série alors vous aurez envie que vous aviez. Ne pas oublier de vérifier les créations de tous les autres aussi!Piquent votre curiosité avec ces Wikis Le 4 Fictif Post-Apocalyptic WorldsPiquent votre curiosité avec ces Wikis Le 4 Fictif Post-Apocalyptic WorldsAvez-vous déjà fait un bond sur le wiki de votre série spectacle ou livre préféré, puis est tombé dans une chaîne de temps saturé contenu? Vous savez de quoi je parle - quelque chose comme ça TVTropes classique trou noir ....Lire la suite

FastKat 2

Un autre « éviter les obstacles avec votre souris » jeu de type, sauf celui-ci est une suite à la FastKat originale Omiod, un jeu de HTML5 assez populaire, vous pourriez avoir déjà joué. La suite est en effet plus rapide, plus dur et très addictif.

Il suffit de ne pas commencer à jouer quand vous avez du travail à faire ...

Livecodelab

L`expérience finale présenté ici (des centaines, il était difficile choix à seulement 8) est assez particulière car il vous permet de manipuler des objets WebGL en utilisant le code à la volée. En plus d`une série de démos à gawp à jouer avec, il y a une série de tutoriels pour vous aider à apprendre quelques WebGL.

Video: La technologie vocabulaire (D'accord 2)

Je ne suis pas un codeur (je suis terrible à se rappeler des mots laisser fonctions seulement), mais même je l`ai trouvé un peu engageante et donner les moyens de manipuler et bricoler avec WebGL avec un grand tutoriel pour me tenir la main. Si vous êtes intéressé à donner ce genre de chose, mais un aller avoir aucune idée de comment le faire alors c`est un excellent endroit pour commencer.

Conclusion

Le site Web Chrome Experiments est simplement une plate-forme pour les artistes et programmeurs de soumettre leurs créations, mais elle sert un but - pour mettre en évidence le talent et aider à enseigner aux autres des possibilités de nouvelles technologies web. Il y a même des expériences Google Chrome travailler sur votre mobile!