Впечатляющие Примеры Webgl

Библиотека WebGL позволяет создавать потрясающие 3D-игры, сцены и эффекты в браузере.

На данный момент большинство из них предназначены просто для развлечения, но некоторые уже сегодня можно использовать на действующих сайтах.

В этой теме собраны наиболее интересные примеры использования WebGL, спасибо два посты Дэвид Уолш и сайт Эксперименты с WebGL .



Куб Google Карт

Необычная игра, в которой вам нужно гонять мяч по лабиринту улиц Google Maps, доставляя маркер в определенные места на карте.

И все это расположено на кубе.

Будьте осторожны, вы можете застрять на долгое время!

Впечатляющие примеры WebGL



ядерный

Красивый эффект слайд-шоу, который можно использовать на практике, например, для перехода между фотографиями в галерее.



Впечатляющие примеры WebGL



Интерактивный глобус

Еще один полезный пример — весьма впечатляющая инфографика, показывающая динамику импорта и экспорта оружия разных стран с 1982 по 2010 год.

Впечатляющие примеры WebGL



Кубический удар

Аэрохоккей с медведем.

Здесь нечего добавить.



Впечатляющие примеры WebGL



Крутить это

Игра от Chrome Experiments, в которой вы можете использовать акселерометр вашего телефона, чтобы управлять мячом и бросать его в цель.



Впечатляющие примеры WebGL



Железная гибель ММО

Небольшая 3D MMO игра с забавным персонажем.



Впечатляющие примеры WebGL



Цвести

Очень красивый эффект листьев, падающих с дерева.

Автор И-Вэнь Линь .



Впечатляющие примеры WebGL



Вода WebGL

Удивительно реалистичный водный эффект, вы можете управлять шариком внутри бассейна, а также вращать всю сцену.

Автор Эван Уоллес .



Впечатляющие примеры WebGL



Жемчужный мальчик

Реалистичная вода и закат.

Впечатляющие примеры WebGL



Научи меня летать

Симуляция странного персонажа, летающего между небоскребами.



Впечатляющие примеры WebGL



Шипучая камера

Управлять летающими квадратами можно с помощью веб-камеры.

Автор Тим Холман .



Впечатляющие примеры WebGL

ПС Поддержка WebGL в браузерах на веб-сайте «Могу ли я использовать».

Теги: #webgl #Разработка сайтов #Google Chrome

Вместе с данным постом часто просматривают:

Автор Статьи


Зарегистрирован: 2019-12-10 15:07:06
Баллов опыта: 0
Всего постов на сайте: 0
Всего комментарий на сайте: 0
Dima Manisha

Dima Manisha

Эксперт Wmlog. Профессиональный веб-мастер, SEO-специалист, дизайнер, маркетолог и интернет-предприниматель.