HTML приветствует виртуальную реальность

A-FRAME - это веб-фреймворк, который дает вам возможность интегрировать виртуальную реальность на свой сайт! Возможности безграничны. На данный момент он работает на Vive, Rift, настольных и мобильных платформах.

Это фреймворк three.js, который привносит в DOM паттерн сущность-компонент-система. Проще говоря, он позволяет создавать веб-сайты виртуальной реальности, по которым можно гулять!

Вы всего в нескольких шагах от того, чтобы интегрировать виртуальную реальность на свой веб-сайт. Хорошо, вилка! Или просто скачайте заархивированные исходные файлы.

Теперь включите сборку Javascript:

<!-- Production Version, Minified -->
<script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script>
<!-- Development Version, Uncompressed with Source Maps -->
<script src="https://aframe.io/releases/0.5.0/aframe.js"></script>

Или, если вы предпочитаете NPM:

# Latest stable version (https://www.npmjs.com/package/aframe)
$ npm install aframe
# Bleeding-edge version (https://github.com/aframevr/aframe)
$ npm install aframevr/aframe

Теперь вам просто нужно это потребовать!

require('aframe');

И все готово!

Чтобы увидеть некоторые из уже сделанных примеров / демонстраций, перейдите на сайт A-FRAME и получите ежедневную дозу вдохновения.

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

Посмотрите этот пример и просто замените три изображения интерактивными товарами, предоставив пользователю довольно новый и уникальный опыт.

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

Если вам понравилась эта статья, нажмите ♥.

Конструктивная критика всегда приветствуется.