/    Sign up×
Community /Pin to ProfileBookmark

best Framework for WebVR and WebAR

Copy linkTweet thisAlerts:
Aug 21.2019

Hi, im working on my bachelor thesis “three dimensional visualisation (AR and VR) in a webbrowser.
I looked throw a lot of Frameworks and APIs, but im not sure which one to use.
I need a Framework that can work with both augmented and virtual reality, preferably markerless.
Need Collision detection ,the possibility for an walkingsimulator, and easy interaction (not so important)
The best Frameworks that i found, till now, are Babylon.js and A-Frame, in combination with ar.js.
Also found 8thwall, but i dont want to pay or rely on the website to host everything.

Im also looking into Opencv.js and its really useful and deep, but not sure to start my own groundplane tracking when there are some already working.
Would love to hear other opinion and other frameworks that works well.

Thanks and sorry for my english im from germany 😀

to post a comment
Full-stack DeveloperJavaScript

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@rohanjoshi0894Aug 21.2019 — Hi ,

Here I am sharing some good framework for WebVR or WebAR:

1.A-Frame

Mozilla VR team created A-Frame to kickstart the WebVR ecosystem, giving web developers the power to build 3D and VR worlds. A-Frame handles the 3D and WebVR is very simple. Since A-Frame can be used from HTML lead to the frame is accessible to everyone. It has cross-platform and superior performance.

Github: https://github.com/aframevr/aframe

Official Entry: https://aframe.io/

2.WebVR

WebVR is an open standard that makes it possible to experience VR in your browser. The goal is to make it easier for everyone to get into VR experiences, no matter what device you have.

Github: https://github.com/w3c/webvr

Official Entry: https://webvr.info/

3.Primrose

Primrose is an immersive environment for web browsers on desktop and mobile devices alike. Within this environment, web developers can be applications that progressively enhance to support users on a wide variety of form factors, including high-end VR headsets.

Using Primrose to make web applications is straightforward. The basic concept is to create an “Environment” that wraps around a standard Three.js scene. This environment handles the basic interactions of a scene, such as a common UI for entering VR mode, and progressively enhancing between desktop, mobile, Google Cardboard, Samsung Gear VR, Oculus Rift, and HTC Vive.

Github: https://github.com/capnmidnight/Primrose

Official Entry: https://www.primrosevr.com/

4.React VR

React VR lets you build VR apps using only JavaScript. It uses the same design as React, letting you compose a rich VR world and UI from declarative components.

Github: https://github.com/facebook/react-vr

Official Entry: https://facebook.github.io/react-vr/

5.Argon.js

An open-standards augmented reality platform for the web. Initially created to supporting creating AR web applications for the Argon4 browser, argon.js is now aimed at supporting AR in any web browser, using whatever capabilities are available on each platform. This software was created as part of a research project at the Augmented Environments Lab at Georgia Tech.

Github: https://github.com/argonjs/argon

Official Entry: https://www.argonjs.io/
Copy linkTweet thisAlerts:
@player11authorAug 21.2019 — @rohanjoshi0894#1607853

Thanks for the fast reply, have you worked with any of this framework ? how were your expericenes with the framework and which one are you using ? Why you decided to use this Framework ?
×

Success!

Help @player11 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 4.23,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...