Содержание
Веб-сайт Chrome Experiment представляет собой витрину для всего нового и захватывающего, когда речь идет о веб-технологиях и улучшениях браузера, с упором на JavaScript. HTML5
, canvas, SVG и движок 3D WebGL — все это заметно в маленьких искрах творчества, которые прокладывают путь к более симпатичному и более интерактивному Интернету.
Одна из лучших особенностей Chrome Experiment в том, что сайт поощряет обучение
Наряду с открытием, так что после того, как вы поиграете с проектом, есть хороший шанс, что вы сможете немного узнать о том, как это делается, а в некоторых случаях попробовать самим.
На веб-сайте Chrome Experiment есть сотни игрушек, и для начала, вот некоторые из лучших.
Требования к браузеру
Так как это Chrome-ориентированный веб-сайт, управляемый Google, все эксперименты предназначены для работы в их браузере Chrome. Это означает, что у вас не должно возникнуть проблем с запуском любого из них, если вы загружаете или обновляете до последней стабильной версии Chrome, хотя другие современные браузеры также должны работать.
Просто не пытайтесь делать все это на IE6
, Хорошо?
3D облака
Эти облака не являются настоящими 3D-изображениями, как отмечает автор Jaume Sanchez, но представьте, что ваш веб-сайт или даже фон рабочего стола генерировали красивые 3D-облака, использующие только CSS и немного JavaScript. Очевидно, что мы не за горами, как показано на этой демонстрации.
Сайт Jaume полон других интересных экспериментов с использованием HTML5, а также множества учебников, которые помогут вам начать создавать свои собственные. Если вы хотите знать, как он создал эти облака, вы можете прочитать все об этом здесь.
Токарный цех
Веселый, а не функциональный, этот токарный станок с приводом от WebGL от Einar Öberg использует пробел и указатель мыши, чтобы воссоздать искусство точения дерева, металла и камня вручную. Эйнар построил демо-версию, чтобы продемонстрировать простой процедурный шейдер, но он также добавил несколько звуков для аутентичности.
Хотя это и не полное руководство, вы можете узнать немного больше о том, как это было сделано в блоге автора.
Аттракторы частиц GPU
Эксперимент с участием эффектов частиц и движка WebGL, Эдуард Кулон создал нечто по-настоящему красивое, которым вы можете манипулировать с помощью мыши и пробела. Нажмите, чтобы привлечь частицы к центру экрана, затем нажмите пробел, чтобы увидеть, как они снова выстреливают наружу!
К сожалению, для этого нет учебника, хотя я бы порекомендовал попробовать режим «миллион частиц», если ваш компьютер справится с этим. Добавьте проектор и темную комнату для бесконечного веселья!
Автомобили WebGL
Созданная AlteredQualia, которая также является автором потрясающего интерактивного фильма ro.me (который также был показан в Chrome Experiment), автомобили WebGL — это 3D-игрушка, которая позволяет вам управлять Bugatti Veyron и Lamborghini Gallardo с нескольких ракурсов камеры.
Одна вещь, которая особенно хороша в этом, это демонстрация размытия в движении, глубины резкости и различных условий освещения. Хорошо, и ребенок во мне любит играть с игрушечными машинками — что я могу сказать?
X-Wing
Это одна из тех реакционных игр, где цель состоит в том, чтобы перемещать цель с помощью мыши (или, в данном случае, клавиатуры) в попытке избежать встречных препятствий — за исключением того, что это лучше, чем остальные, потому что эта игра включает в себя X-Wing и что Похоже на окоп из Звездных войн.
Автор, который носит имя OutsideOfSociety, проводит гораздо больше экспериментов с WebGL на своем веб-сайте.
Мой робот нации
My Robot Nation — это полнофункциональный интерфейс электронной коммерции, который использует возможности WebGL, позволяя вам разрабатывать, раскрашивать и настраивать своего собственного игрушечного робота, прежде чем он будет доставлен вам по установленной цене.
Хорошо, так что вам не нужно покупать робота, чтобы получить от него удовольствие — но если вы потратите столько времени, сколько я пытался сделать что-то, что отдаленно напоминает Робобрена из Fallout
серии, то вы бы хотели, чтобы вы имели. Не забудьте также проверить творения всех остальных!
FastKat 2
Еще одна игра типа «избегайте препятствий с помощью мыши», кроме этой, является продолжением оригинальной FastKat от Omiod, довольно популярной HTML5-игры, в которую вы, возможно, уже играли. Продолжение быстрее, тяжелее и очень затягивает.
Просто не начинайте играть, когда у вас есть работа …
Livecodelab
Заключительный эксперимент, представленный здесь (из сотен, было сложно выбрать всего 8), довольно специфичен, так как позволяет вам манипулировать объектами WebGL, используя код на лету. Наряду с набором демонстраций, с которыми можно поиграть и поиграть, есть серия учебных пособий, которые помогут вам освоить некоторые WebGL.
Я не программист (я ужасно запоминаю слова, не говоря уже о функциях), но даже я обнаружил, что это увлекательно и немного дает возможность манипулировать и возиться с WebGL с отличным учебником, чтобы держать меня за руку. Если вы заинтересованы в том, чтобы попробовать подобные вещи, но не знаете, как это сделать, то это отличное место для начала.
Заключение
Веб-сайт Chrome Experiment представляет собой просто платформу для художников и программистов, где они могут представить свои творения, но он служит великой цели — подчеркнуть талант и помочь другим узнать о возможностях новых веб-технологий. Есть даже эксперименты Chrome, которые работают на вашем мобильном телефоне!