Играйте, учете и изпробвайте нови уеб технологии с експерименти в Chrome

Реклама

В Експерименти на Chrome уебсайтът е витрина за всичко ново и вълнуващо, когато става въпрос за уеб технологии и напредък в браузъра, с фокус върху JavaScript. HTML5 10 уебсайта, за да видите какво представлява HTML5 Прочетете още , canvas, SVG и 3D WebGL двигателят се отличават с малки искри на творчество, които проправят пътя към по-красив и по-интерактивен интернет.

Едно от най-добрите неща за Chrome Experiments е, че сайтът насърчава ученето 4 задължителни беседи на TED за творчеството, вдъхновението и страсттаКреативност. Вдъхновение. Страст. Това са всички понятия, за които сме много наясно, но не много от нас могат да посочат точно техния източник. Откъде идва творчеството? Какво е това, което причинява... Прочетете още наред с откриването, така че след като сте играли с проект, има голям шанс да научите малко за това как се прави – а в някои случаи и сами да го опитате.

На уебсайта Chrome Experiments има стотици играчки, с които да играете и за да започнете, ето някои от най-добрите.

Изисквания за браузъра

Тъй като това е уебсайт, фокусиран върху Chrome, управляван от Google, всички експерименти са предназначени да работят в техния браузър Chrome. Това означава, че трябва да имате малки проблеми с стартирането на някой от тях, ако изтеглите или актуализирате до най-новата стабилна версия на Chrome, въпреки че други съвременни браузъри също трябва да работят.

Просто не се опитвайте да правите нещо от това IE6 Ако все още използвате IE6, вие сте проблем [Мнение]IE6 беше най-добрият от най-добрите, когато дойде прясно изцеден от софтуерната фабрика на Microsoft. Поради това успя да постигне рекордните 95% пазарен дял на браузъра на върха на... Прочетете още , добре?

Тези облаци не са истински 3D - като автор Хауме Санчес посочва – но си представете, ако вашият уебсайт или дори фон на работния плот генерират красиви, подобни на 3D облаци, използвайки нищо освен CSS и малко JavaScript. Е, очевидно не сме далеч от този етап, както показва тази демонстрация.

Сайтът на Jaume е пълен с други интересни експерименти, включващи HTML5, както и с множество уроци, които да ви помогнат да започнете да създавате свой собствен. Ако искате да знаете как е направил тези облаци, тогава можете да прочетете всичко за това тук.

По-забавен, отколкото функционален, този струг, задвижван от WebGL Ейнар Йоберг използва интервала и показалеца на мишката, за да пресъздаде изкуството на ръчно обръщане на дърво, метал и камък. Einar създаде демонстрацията, така че демонстрира прост процедурен шейдър, но също така добави няколко звука за автентичност.

Въпреки че не е пълен урок, можете да научите малко повече за това как е направено блог на автора.

Експеримент, включващ ефекти на частици и WebGL двигателя, Edouard Coulon създаде нещо наистина красиво, което можете да манипулирате с мишката и интервала. Щракнете, за да привлечете частиците към центъра на екрана, след което натиснете клавиша за интервал, за да ги гледате как отново изстрелват навън!

За съжаление няма урок за този, въпреки че бих препоръчал да опитате режима на един милион частици, ако компютърът ви може да се справи. Добавете проектор и тъмна стая за безкрайно забавление!

Направено от AlteredQualia който също е автор на страхотното ro.me интерактивен филм (който също е представен в Chrome Experiments), WebGL cars е 3D играчка, която ви позволява да управлявате Bugatti Veyron и Lamborghini Gallardo от множество ъгли на камерата.

Едно нещо, което е особено готино в това, е демонстрацията на размазване при движение, дълбочина на полето и различни условия на осветление. Добре, а детето в мен обича да играе с колички – какво да кажа?

Това е една от онези игри за реакция, при които целта е да преместите целта с мишката (или в този случай също с клавиатурата) в опит да избегнете предстоящи препятствия – освен че е по-добро от останалите, защото това включва X-Wing и това, което изглежда като траншеята, бягаща от Стар войни.

Авторът, който се казва OutsideOfSociety, има много повече експерименти с WebGL уебсайт.

Напълно функционален преден край за електронна търговия, My Robot Nation използва силата на WebGL, за да ви позволи да проектирайте, боядисайте и персонализирайте своя собствен робот играчка, преди да ви бъде изпратен за комплект цена.

Добре, така че не е нужно да купувате робота, за да се възползвате от него – но ако прекарате толкова време, колкото и аз, опитвайки се да направите нещо, което смътно наподобява Robobrain от Изпадам Пробудете интереса си с тези Wikis на 4 измислени постапокалиптични святаСлучвало ли ви се е да скачате в уикито на любимото си предаване или поредица от книги и след това да изпадате в наситено със съдържание времево изкривяване? Знаете за какво говоря - нещо като онази класическа черна дупка на TVTropes... Прочетете още сериал, тогава ще пожелаете да имате. Не забравяйте да разгледате и творенията на всички останали!

Друга игра от типа "избягвайте препятствията с мишката", освен че тази е продължение на оригинала FastKat от Омиод, доста популярна HTML5 игра, която може би вече сте играли. Продължението е по-бързо, по-трудно и наистина много пристрастяващо.

Просто не започвайте да го играете, когато имате работа за вършене...

Последният експеримент, представен тук (от стотици, беше трудно да изберете само 8) е доста специален, тъй като ви позволява да манипулирате WebGL обекти с помощта на код в движение. Освен набор от демонстрации, в които да гледате и да играете, има серия от уроци, които да ви помогнат да научите някои WebGL.

Аз не съм кодер (ужасно ми е да помня думи, да не говорим за функции), но дори и аз го намирам за ангажиращо и леко овластяващ да манипулирам и да се занимавам с WebGL със страхотен урок, който да поддържам ръка. Ако се интересувате от това да опитате, но нямате представа как да го направите, това е чудесно място да започнете.

Заключение

Уебсайтът Chrome Experiments е просто платформа, на която художници и кодери могат да представят своите творения, но това е служи на голяма цел – да подчертае таланта и да помогне да учат другите на възможностите на новите уеб технологии. Има дори експерименти с Chrome, които работят на вашия мобилен телефон!