Virtual Reality in Web Applications


This week, our new Blog Post is a little special. From now on, we would like to inform you about various topics around technology. In this post, we would like to introduce you to the virtual reality and web applications.
However, Before you continue reading this post, take a look at the following pictures.

The following pictures compare Amazon’s website in 2010 and Youtube’s website in 2006 with their current ones.

          amazon 2017              amazon 2017

 

youtube 2006       Youtube 2017

Screenshots are taken from archive.org

 

Using the technology of 2006, people could have created the same interfaces of 2017. That’s the short story. The long story is that people have been trained to surf the internet and develop a new taste over the years. Now this leads us to the future.

 

Virtual Reality in Web Applications

 

Six months ago, on Google I/O 2017, a Google software engineer was able to develop a 360° image gallery live on the stage using javascript API called WebVR.

Javascript is a programming language which is considered a main technology behind any website. It’s supported by all internet browsers and devices without the need for any plugins installation.

API refers to Application Programming Interface. In simple words, a software developer creates a set of methods and subroutines to simplify other developers to use it and build applications that rely on it.

Since WebVR is a javascript API, it should be easy for web developers to apply virtual reality experience in their applications.

One more advantage to webVR is to produce a cross-platform application because Javascript is supported by all internet browsers and mobile devices. Therefore, one application can run not only on the web but also on your mobile, tablet, Android and Apple devices.

 

It Is Even Easier with A-Frame:

A-Frame is a framework that relies on WebVR to facilitate building VR experience in your web application. A-Frame is developed originally by Mozilla to be easy and powerful as they said.

The installation is really easy- the same way you add bootstrap to your web page. Just put the source in <script> tag and you are ready to go.

<script src=”https://aframe.io/releases/0.7.0/aframe.min.js“></script>

 

Challenges:

Internet users used to click on links and see images instead of flying between objects in the VR space. Regardless of the performance, providing a full web VR application is still challenging for developers and users.

 

In conclusion, do you think future internet users will be more familiar with VR-compatible websites? Whether you agree or not, we would be happy to read your opinions in the comments below.

Now watch the part of Google I/O conference about WebVR


About Mohamed Aladdin

Senior Developer, love to work on challenging enterprise applications following best practices and industry standards. exciting about new technology and applying it in real projects.

Leave a comment

Your email address will not be published. Required fields are marked *