VR h264 monoscopic export issue


I am using premiere pro to compile a few VR monoscopic equirectangular scene. Exported the footage in H.264 with the VR options checked and ensuring Premiere pro auto-detected the video features (monoscopic and equirectangular). The final video looses its VR features both on my android phone and on the website where I uploaded it to.

I am not sure what I am doing wrong. Both the original clips(1800×900 29.97 fps) I used to create this compilation are working fine on my phone when played individually.

The post VR h264 monoscopic export issue appeared first on eLearning.

Importing custom png for hotspots in 360 video

Hey there,

I’m having some trouble importing custom .png hotspots in my 360 video project. I was able to import a .jpeg, however it didn’t have a transparent background. Looking at tutorials online, it seems possible to import .png files in Captivate, so I’m not sure what I’m doing wrong.

Could someone please provide some assistance on this matter?



The post Importing custom png for hotspots in 360 video appeared first on eLearning.

Virtual Reality Games: Complete Guide for Beginners to Start Developing it

Virtual Reality (VR) is one of the modern technologies which provides us with the most exciting experiences. This advanced technology has undoubtedly proved to be boon for the business as it helps them to create an impressive presence among the targeted users in a shorter time span than their imagination. According to the report augmented and virtual reality (AR and VR) market is expected to reach around 18.8 billion U.S. dollars by the end of 2020, this number is expected to jump higher during upcoming years.

Image: (Source)

Consumer spending on AR and VR products is also increasing with the passage of time. After exploring this number, it’s not wrong to say that AR and VR will create a buzz in the market in the near future and those who don’t opt for this advanced technology will definitely be left behind from others. Many of the people are also learning to improve their basic VR development skills. They are opting for various online VR courses, which can help them to learn to create a VR game and many other VR based projects.

Know Why You Must Create a Game With VR?

There are many questions which might buzz in any of the individual’s mind when it comes to developing the VR based game, the very first and most important question which arises in any of the individual minds is whether their game will be relevant in VR? Whether this game will provide the same 3D experience.

Explore Few Simple Steps Which Can Guide You to Craft Your First VR Game

One of the Developing VR games is to provide an impressive experience to the gamers whenever they explore the gaming platform. Some of the first-person games which are popular among gamers are Imagine Mirror’s edge, Call of Duty, and many others. While some of the third person games which are popular among the gamers are Splinter Cell, Gears of War, Assassin’s Creed, and many others.

Nowadays, more and more gamers prefer to play VR based games as they feel that VR games are great and provide them with the best experience than ever before. Hence if you want to learn to code, then it will be advisable for you to explore numerous steps provided below to know how you can develop VR based games in a short duration of time.

Step1: Set the Screen

Before starting the development task, make sure that you install with complete Android or iOS modules that you need for developing your VR based game such as VR Shooters. Once you complete the installation task, make sure that you create a new Unity project by doing, so it becomes easy for you to call it whatever you want.

Once after creating the Unity project, drag the GoogleVR Unity package within the game assets folder. Now add a gun 3d model into the same folder. Go to build setting options available in the file and then switch the platform to iOS or Android. Go to the and create a 3d plane and object. Once after completing all the screen settings, you can move ahead to the next step.

Step2: Bake Navigation Mesh

After setting up the screen, you need to add zombies, but before that, you have to consider deciding the navigation for the same.  You need to bake the navigation to decide how your zombies will move around and act in the game which you are developing. Developers can use Unity to find the path that zombies can use to bake navigation to know through which areas are safe to move and which are not.

Developers need to go to the hierarchy to build an empty game object. Then they can rename all the scenes and can also drag all their cubes and planes on top, this can help them to make the child class of the parent class, which they have developed before. Now go to the navigation window and click on it, you can see the blue area in your screen, this is the navigation mesh where you have to navigate your zombies as navmesh agents. This will allow your zombies to move successfully in the areas which you have decided.

Step3: Create a Code

Now it’s a time when you need to develop the code for your VR based game, you need to develop a Zombiescript.cs file. It is just the same as developing the code for an online ordering system that you develop using the virtual reality (VR) technology. If you have basic developing knowledge, then it becomes quite easy for you to code your VR based application, you can even reuse some of the code to develop your gaming app.

Code to Use for Make Your Zombies Work Efficiently:

using UnityEngine;

using System. Collections;

public class ZombieScript : MonoBehaviour {

private Transform goal;

private NavMeshAgent agent;

// Now use it for initialization

void Start () {

//create references

goal = Camera.main.transform;

agent = GetComponent();

//set the nav mesh agent’s designation equal to the main camera’s position (our first person character)

agent1.destination = goal.position;

//start here with the animation of walking

GetComponent().Play (“walk”);


//here this to work both need colliders, one must have a rigid body, and the zombie must have its trigger checked.

void OnTriggerEnter (Collider col)


GetComponent().enabled = false;

//destroy the bullet


//stop the zombie from going forward by setting its destination to it’s right position

agent.destination = gameObject.transform.position;

//now stop the animation from walking and play it with the animation which is falling back

GetComponent().Stop ();

GetComponent().Play (“back_fall”);

Destroy (gameObject, 6);

GameObject zombie = Instantiate1(Resources.Load (“zombie”, typeof(GameObject))) set as GameObject;

float randomX = UnityEngine.Random.Range (-13f,12f);

float constantY = .01f;

float randomZ = UnityEngine.Random.Range (-12f,12f);

zombie.transform.position = new Vector3 (randomX, constantY, randomZ);

while (Vector3.Distance (zombie.transform.position, Camera.main.transform.position) <= 3) {

randomX = UnityEngine.Random.Range (-12f,12f);

randomZ = UnityEngine.Random.Range (-13f,13f);

zombie.transform.position = new Vector3 (randomX, constantY, randomZ);




Code: (Source)

Now create the code for your camera by giving it the name playerScript.cs.

Code for the Use of the Camera:
private GameObject gun;
private GameObject spawn point;
private bool isShooting;

// Use this for initialization
void Start () {

//only needed for IOS
Application.targetFrameRate = 60;

//create references to gun and bullet spawnPoint objects
gun = gameObject.transform.GetChild (0).gameObject;
spawnPoint = gun.transform.GetChild (0).gameObject;

//set isShooting bool to default of false
isShooting = false;

//Shoot function is IEnumerator so we can delay for seconds
IEnumerator Shoot() {
//set is shooting to true so we can’t shoot continuously
isShooting = true;
// take the instantiation for the bullet
GameObject bullet = Instantiate(Resources.Load(“bullet”, typeof(GameObject))) as GameObject;
//Get the bullet’s rigid body component and set its position and rotation equal to that of the spawnPoint
Rigidbody rb = bullet.GetComponent<Rigidbody>();
bullet.transform.rotation = spawnPoint.transform.rotation;
bullet.transform.position = spawnPoint.transform.position;
rb.AddForce(spawnPoint.transform.forward * 500f);
GetComponent<AudioSource>().Play ();
gun.GetComponent<Animation>().Play ();
Destroy (bullet, 1);
yield return new WaitForSeconds (1f);
isShooting = false;

// Update is called once per frame
void Update () {

//declare a new RayCastHit
RaycastHit hit;
//draw the ray for debugging purposes (will only show up in scene view)
Debug.DrawRay(spawnPoint.transform.position, spawnPoint.transform.forward, Color.green);

//cast a ray from the spawn point in the direction of its forward vector
if (Physics.Raycast(spawnPoint.transform.position, spawnPoint.transform.forward, out hit, 100)){

//if the Raycast hits any game object where its name contains “zombie” and we aren’t already shooting we will start the shooting coroutine
if (hit.collider.name.Contains(“Shooting Object”)) {
if (!isShooting) {
StartCoroutine (“Shoot”);


Code: (Source)

Step4: Transfer the Game to Your Phone

Once after finishing up with the coding process, it’s time to transfer your VR based game to your smartphone. Make the needed changes required to transfer the game from desktop to phone and run it to find whether you have developed it perfectly or not. If you have developed it perfectly then, it will definitely run successfully on any of the platforms you desire.

Ending Note

There are a lot more things to learn when it comes to VR development. Virtual reality has much to offer to the developers as well as to learners. Any of the individuals who want to learn developing VR games in detail explore some of the eLearning courses available online. They can even take the guidance of the experts and developers from different sources available online.

The post Virtual Reality Games: Complete Guide for Beginners to Start Developing it appeared first on eLearning.

360 VR Library: Explore to Know How it Differs from React VR

The revolutionary evolution of technology is boundless, continuous use of smart devices and applications has changed the way consumers used to explore and opt for business products or services. To ensure worth out of every spend in making a purchase of any business product or service, consumers need to make sure they are provided with the best ever experience at the same time. Providing real-time experience to the consumer has become possible for businesses due to the most trending technology, such as Virtual Reality (VR).

Virtual reality (VR) is one of the latest technologies which enables users to grasp a real-like exposure. They can intend any of the product before actually making the purchase for the same. VR allows businesses to provide their prospective customers with an enhanced experience, it allows them to interact in a simulated environment and experience a never-existing world that also without having a physical presence over that place. 

What Actually React 360 Library is?

React 360 is a framework which any of the individuals can use to create VR and 3D user interfaces. React 360 is an advanced library that has been developed on the top of React. This library is developed to create complex UI more accurately and efficiently, it allows users to use some of the familiar tools which help them in creating immersive 360 content on the web.

React 360 is one of the VR technologies which has been used widely, this advanced technology helps to render virtual reality experiences through the mobile app or through the website. Hence it will be advisable for businesses to leverage the use of this advanced technology in no time.

Virtual reality apps and websites which have been developed using React 360 libraries enable users to develop great and impressive exposure to virtual tours, 3D games, videos, and photos. It also allows them to blend 2D UI elements with 3D spaces, the app developed using this advanced technology helps in offering optimized performance to the users all the time.

Know-How React 360 is Different from React VR?

Oculus and Facebook launched a JavaScript library, which was termed as React VR in 2017. This library is used to design VR and 3D experiences in the web browser. Later during the same year, Oculus started using a native C++ version of the framework to craft first part applications and webs, which provide a more engaging experience to the users all the time when they opt for it. (Source)

With the passage of time, the APIs of the two projects diverged because all of the users and developers demanded a different type of frameworks. Both the systems differ from each other in many senses, and to avoid the confusion between the two, the repository renamed this open-source framework and termed it as React 360. This advanced platform reflects the use case in a much better way and helps developers for creating immersive 360 experiences, the solution which the developers develop using this solution provides consumers with the best experience across all the platforms such as smartphone, desktops, VR devices, and much more.

If any of the users are familiar with the use of React VR, then they will feel that many things are similar in React 360. Both the system allows users with many similarities and provides users with many common workflows like placing 2D UI elements in 3D space, even it allows users to provide optimized performance to the use cases. 

When any of the developers are considering using this advanced technology for crafting web-based or any other application solution then they need to make use of Oculus or Google Cardboard. They will also code their VR based app on the code editor and can use any of the browsers to explore whether their developed app is working accurately or efficiently or not.

Explore How Developers can Get Started With React 360 Libraries

Developers need to install Node.js to develop VR based applications and websites. When it comes to running React 360 in the web browser, this helps developers to build a pipeline that helps them to bundle up code which is based on Node. There are different ways to install Node.js in different browsers, these ways include:

  • Mac: On Mac, Node.js can be installed through Homebrew.
  • Windows: Search and download Windows installer from the nodejs.org page.
  • Linux: When you want to download Node.js go to the nodejs.org package manager, 

On this page, find specific instructions that are specially mentioned theirs on Linux distribution. Now users need to install React 360 command-line tools, which helps them to build and manage React 360 solutions.

React 360 Project Structure: Know Which Components are Available in VR App Architecture

If you want to develop a VR based application, then it becomes vital for you to install Node.js and React VR CLI packages. 

This application can be complied with and can be checked successfully on the local server using JavaScript. You can even take support from an angularjs development firms to craft the advanced VR based solution for your business which helps you to provide a much better and engaging experience to your prospective users. Node.js package manager (NPM) can be installed easily and allows users to reuse code with the help of ad API libraries. It also allows users to install the 3D library, React 360 APIs, WebGL, and WebVR render 3D imagery allows them to provide the best experience across all the browsers that also without the involvement of any VR devices or headsets.

A VR based app architecture contains various components, these components include:


  • Client.js
  • Index.html
  • Static_assets


This is the file where you can explore all your React code lives. This code is only responsible for making your application much better and identifies how it will actually look like. Any code which the developers import through index.js becomes one of the vital parts of your application. It enables developers or users to organize the app by developing different files.


This code helps users to connect the react 360 apps with any of the browsers which they desire. This file performs mainly three tasks, these tasks include:

  • Creating a new instance of React 360.
  • Load Reacts code.
  • Attach a specific place in the DOM.

This is the phase when the developed app passes through a variety of initialization options. Thus it can be considered as one of the mandatory processes which every individual has to consider when it comes to developing a React 360 app solution.

Creating a Counter

For explaining to you perfectly how the React 360 libraries work to explore the short demo given below. This can help you to create a counter using the concept of the latest 360 libraries. First of all, import some of the important elements such as Text, VrButton, View, and much more as per your need from the react-360 library. Explore the code to know how you can export elements from React-360 libraries.

Code to Export Elements from React 360 Libraries:

import React from ‘react’;
import {
} from ‘react-360’;

Code: (Source)

Now let’s declare the initial state of the project and develop the increment and decrement functions. Explore the below code to know how this code acts as the worth for your developed project.

Code for Increment and Decrement Function:

export default class Hello360 extends React. Component {
state = {
     count: 0,

// This method increments our count, triggering a re-render
incrementCount = () => {
     this.setState({count: this.state.count + 1});

// This method decrements our count, triggering a re-render

decrementCount = () => {
  this.setState({count: this.state.count – 1});
render() {
     return ();

Code: (Source)

Finally, you need to stuff all the React 360 elements which you have imported in the initial stage. Check the code to know how you can stuff those elements and can generate an excellent VR based solution that provides engaging experience to the customer all the time they opt for the solution.

Code to Integrate React 360 Elements:

render() {
return (
<View style={styles.panel}>
<Text style={styles.greeting}>
{`Count: ${this.state.count}`}

Code: (Source)

Once you complete all the steps of development, you can run your VR based app following a few simple steps and can explore how it looks. If you haven’t made any mistake while installing and writing code, then your app will surely run successfully on any of the browsers which you desire.

Ending Note

React 360 is an open-source framework that anyone can use, using this framework does not demand extensive coding skills. Users who are possessing basic React development skills can easily learn React 360 and can easily craft captivating VR based projects. This advanced technology not only enhances the user experience by integrating 2D UIs and 360 panoramas, but it also helps any of the individuals to expand app services seamlessly.

When developers opt for React 360, then they can leverage various features that it offers to them, and Code reusability is one of them. They can leverage all the features of the platform after implementing API components and libraries which React VR offered to them. 

Based on JavaScript, React 360 platforms support 360 applications that render the best experience with 360-degree scenes. While the range of pre-built components allows developers or users to develop the solution faster than ever before. Hence this advanced framework has proved to be boon for developers, businesses as well as consumers.

The post 360 VR Library: Explore to Know How it Differs from React VR appeared first on eLearning.

Finance Industry: Explore How it is Leveraging the Use of AR & VR Apps

The whole world has come a long way from the first commercial use of different VR headsets such as Oculus Rift or any other. Most of the people all around the globe associate Virtual Reality (VR) and Augmented Reality (AR), both modern technology with only the realm of the gaming industry. They have to understand that most of the business entrepreneurs and industries have started leveraging this advanced technology. These sectors include real estate, marketing, healthcare, beauty, and many more, almost all the industries are accepting the immense potential of Virtual Reality (VR) and Augmented Reality (AR) to improve their business performance and activities.

The global virtual reality (VR) and augmented reality market size amounted to around USD 11.35 Billion in 2017, this number is forecasted to reach around USD 571.42 Billion by 2025, whereas the CAGR is estimated to rise and reach around 63.3% from 2018 to 2025. Modern technology such as augmented reality and virtual reality provides the immersive user experience, it is used across almost all the industry verticals for developing business and entertainment-related applications. Virtual reality and augmented reality is a comprehensive term that is used for providing a multi-sensory experience to the users, which facilitates them to experience and explore a virtual world. (Source)

Know How Augmented Reality and Virtual Reality is Shaping the Future of Finance Industry

Augmented Reality and Virtual Reality is a modern-day technology that is widely associated with interactive 3D video games, adventures, and entertainment. However, the finance industry has found an effective way to leverage the full potential of AR and VR to develop and provide immersive banking experience to end-users. 3D environments and imaginary guide customers in a better way and allow them to handle finance-related operations, accounts, and figures more accurately and efficiently than ever before.

According to a recent study, augmented reality and virtual reality can help the finance sector to transform financial data into visual data. This can provide them and their users with a more engaging experience. Physical branches can make use of this advanced technology for transforming themself into hybrid branches.

The same report also predicted that almost 70% of companies who adopted the latest technology, such as AI, AR, and VR, experienced a huge increase in the overall profit of their business. The finance sector has started using augmented reality and virtual reality technology within their sector for providing self-service like robots, chatbots, or any other digital AR and VR based software or gadgets to provide information and leverage customer experience. This technology also enables customers to communicate with bank representatives through video conferences or any other means of communication provided by this advanced technology. While AR and VR have made its way in the finance sector and have a great cause and impact disruptions, explore to know how AR and VR based apps and systems have a great impact on the finance industry.

Virtual Trading

Most of the financial companies have stepped ahead to transform trading a virtual experience. They are developing virtual reality workstations for accomplishing most of the trading process more accurately and efficiently than before ever. Citi made the best use of Microsoft HoloLens to provide traders Holographic Workstations. This type of advanced workstation provides 2D and 3D elements to the users, it adds advancement and accuracy to almost all the bank’s existing processes. 

However, the well-known name Comarch made use of augmented and virtual reality in its wealth management software to provide much better access to its uses, uses are provided with the access to make use of the latest algorithms and trading tools, which ultimately result in improving the user’s experience.
Video: (Source)

Data Visualization

Today’s modern day’s technology has provided every individual with the visual data, it can be considered as one of the vital tools which help users to make important decisions related to wealth management. It has proved to be more beneficial for the financial industry where financial tasks are more complex, as this industry has to deal with a large amount of data. The ability to visualize the data can improve their efficiency of performing analysis of data.

AR and VR have added visualization experience and have made data analyzing tasks much faster and easier for an organization. Now any of the finance sectors can easily manage a large amount of data and can prevent various frauds that might occur due to data. Salesforce made the use of Oculus Rift to develop an immersive 3D environment for performing analyzing tasks on a large amount of data. 

Fidelity Labs, which is considered as a part of Fidelity Investments, is also leveraging the use of this advanced technology behind Oculus Rift. They have invented a virtual world popularly known as “StockCity”, this virtual world tunes all the stock portfolios into a virtual 3D city, where all their investors can easily immerse themselves with all the data related to their investment. (Source)

Virtual Reality Payments

Almost all the customers these days like to grasp immersive experience from almost all the businesses in all the areas, whether it’s shopping, making payment after ordering food from ubereats clone, playing their favorite game, or any other. Thus it becomes vital for businesses to provide them with impressive and more engaging experience than ever before. Most of the organizations have even started using modern technology like virtual reality to provide their users with virtual experience when it comes to making the payment.

MasterCard has successfully partnered with Wearability to portray a world where customers can easily pay for their purchase made without leaving the virtual world. They have created a virtual reality golf experience that is popularly known as ‘Priceless’, and players who are leveraging this platform are allowed to buy clothing in the virtual world, they don’t have to perform any of the tasks offline everything will be carried out online. (Source)


Biometric security can be introduced within the AR system for creating a more secure customer experience, this AR-based system could later be connected with the VR world. This system can help the finance sector to provide users with an immersive experience, which they never had before, they can leverage access to VR bank services, make payments, ATM transactions, and much more that also without leaving the virtual world.

With biometrics, it becomes much easier for finance sectors to provide substantial and secure protection to users against almost all types of cybercrime. Most of the banking sectors these days are using advanced applications that use fingerprint authentication when users use it on their smartphones. 

Advancement in AR and VR technology has introduced voice recognition and iris identification for the users as well. Axis Bank in 2018 became India’s first bank which introduced the Iris Scan Authentication feature for the users, it introduced Aadhaar-based transactions with its micro-ATM tablets. (Source)

Financial Education

Financial institutions need to provide customers as well as employees with education related to the latest technology which they have adopted. They can provide them with numerous information like:

  • How is technology useful to them?
  • How can they leverage the latest technology?

All the sectors related to finance need to understand that education is vital for understanding the changes sector. AR and VR technology possesses huge potential for teaching any of the individuals and providing them with new information related to their sector.

Enhance Customer Service

Most of the finance institutions are using AR and VR to provide an improved experience to their prospective customers. Many banks have stepped ahead to develop advanced AR-based applications that guide their customers to find the nearest ATMs and banks. It also allows them to scan the area with the help of their smartphones, this advanced mobility solution avails them with real-time information about their distance, services, location, and much more regarding the nearby banks.

Virtual Adviser

Fidelity Labs, one of the most popular developments and research divisions of Fidelity Investments, collaborated with Amazon to offer its clients a more comfortable, simpler, and safer way of managing their portfolio of shares and stocks. Users just have to put on the VR headset to access the virtual reality app, which they developed, this advanced app has been named as Cora’s Virtual Chart Room.

Video: (Source)

This advanced app is developed on Amazon Sumerian and offers users a friendly environment for end-users. It is a helpful virtual adviser which provides customers with all the information about their portfolio and provides them with various opportunities to sell and buy any of the stocks depending on the latest market trends. This advanced AR and VR based platform was developed in May 2018, this advanced platform is still in its demo phase, but Fidelity’s customers will very soon be able to access Cora’s advice. This advice will definitely help them to manage their stocks in an interactive and modern manner.

Ending Note

According to a recent report, almost 73% of the world’s leading banks are much excited about a new offering in financial services from PayPal, Google, Amazon, Square, Apple or any other than from their own nationwide bank. Modern technologies are in their infancy and have come a long way, it provides various scope and opportunities to the finance sector to menace the overall process and provide the best experience to the customers. AR and VR in the finance sector will definitely have incandescent adolescence and will be proved to be game-changer technologies for the finance sector.

The post Finance Industry: Explore How it is Leveraging the Use of AR & VR Apps appeared first on eLearning.