9 Javascript tools to create 360 degree Photosphere viewers in 2021
1. A-Frame
A-Frame is aweb framework for building virtual reality experiences
Make WebVR with HTML and Entity-Component Works on Vive, Rift, Daydream, GearVR, desktop.
A-Frame is a web framework for building virtual reality (VR) experiences. A-Frame is based on top of HTML, making it simple to get started. It is also a great advanced tool to build 360 degree photosphere viewers. You can find an example here.
Click here
2. React 360
Using React 360 you can create exciting 360 and VR experiences using React, Deploy your creation across the web to desktop, mobile, and VR devices.
React 360 is a framework for the creation of interactive 360 experiences that run in your web browser. It pairs modern APIs like WebGL and WebVR with the declarative power of React, producing applications that can be consumed through a variety of devices. Leveraging web technologies and the existing React ecosystem, React 360 aims to simplify the construction of cross-platform 360 experiences.
If you have experience in React.js it is going to be fun to work with React 360.
3. Panolens.js
Panolens.js is an event-driven and WebGL based panorama viewer. Lightweight and flexible. It’s built on top of Three.JS.
Panolens.js is a simple tool specifically for creating 360 degree photosphere viewers. It has a lot of examples that can help you to build what you are looking for.
4. 360 Virtual Tour [Paid]
The 360 Virtual Tour is a responsive javascript plugin for displaying 360 degree virtual tours directly in the Browser.
It also has a WordPress plugin to easily integrate with WordPress websites.
5. Google VR View for the Web
Google VR View for the Web is a great choice for developers that want to build browser-based sites or prefer their content to work with Google Cardboard and Daydream headsets. It has SDKs available for mobile app development as well.
You can find more information in the video below.
6. Marzipano
Marzipano is a 360° media viewer for the modern web.
A lightweight and high-performance 360° media viewer. Supports all major desktop browsers and mobile devices. Embraces standard web technologies and provides a powerful Javascript API.
7. Photo Sphere Viewer
Photo Sphere Viewer is pure JS and based on three.js, allowing very good performances on WebGL enabled systems.
Photo Sphere Viewer can display standard equirectangular panoramas and also cubemaps.
It has friendly user interactions for all kinds of devices. You can display texts, images and even dynamic areas directly on your photos. It has Many options, methods and events that allow deep integration in your website/app.
8. Pannellum
Pannellum is a lightweight, free, and open-source panorama viewer for the web. Built using HTML5, CSS3, JavaScript, and WebGL, it is plug-in free.
Pannellum bundle size is just 21KB. It is an easy tool to create 360 image/video tours, add hotspots, info points and more.
9. Krpano [paid]
Krpano is a small and very flexible high-performance software for showing all kinds of panoramic images on the web.
It can be used for very detailed high-resolution images, interactive virtual tours, custom-designed user-interfaces, and many things more.
The image-generation-algorithms of the krpano tools and the rendering-algorithms of the krpano viewer are trying to present the images in the best possible image-quality, with high details and sharpness.
