GithubHelp home page GithubHelp logo

ideaspacevr / aframe-360-degree-photosphere Goto Github PK

View Code? Open in Web Editor NEW
45.0 7.0 18.0 56.29 MB

This theme is deprecated. Find the new one here:

Home Page: https://github.com/IdeaSpaceVR/IdeaSpace-360

License: MIT License

JavaScript 53.48% HTML 46.52%

aframe-360-degree-photosphere's Introduction

WebVR Photosphere Viewer with Navigation Menu (deprecated)

This theme is deprecated. Find the new one here: https://github.com/IdeaSpaceVR/IdeaSpace-360

alt text

Support:

  • Smartphone: Works best with Google Cardboard v2 (with button) on iPhone and Android devices using a standard Chrome web browser.
  • Desktop PC: Oculus Rift with Firefox Nightly web browser or Google Chrome web browser (special WebVR build).
  • Desktop PC: HTC Vive? (sorry, untested).

Instructions for Desktop PC (Oculus Rift / HTC Vive):

  • Press SPACE bar on your keyboard to access the photo menu.
  • Gaze at a photo and click your mouse button to select a photo.

Instructions for Smartphone (Google Cardboard v2):

  • Press the Cardboard button to access the photo menu.
  • Gaze at a photo and press the Cardboard button to select a photo.

Development:

  • In order to dynamically load images, you need to set the url parameter of the isvr-photosphere-menu-navigation component to a JSON endpoint (paginated):

isvr-photosphere-menu-navigation="url:https://www.ideaspacevr.org/webvr-photosphere-viewer-equirectangular-images/field-data?key=images_upload&chunk-size=3&page=2"

IdeaSpace Open Source Content Management System

Credits:

aframe-360-degree-photosphere's People

Contributors

santanm avatar weddingdj avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

aframe-360-degree-photosphere's Issues

More images

Hi, I really love your photoshere viewer and I'm adding it as a link on my app.

Is it possible that you can add all of the photos to the little viewer? Perhaps in a 3 x 3 layout?

I'm simulating touches on the screen to bring up the menu using the magnet button, not using the spacebar by the way.

Down arrow not working on my end

Hello,

I love your menu and would like to learn from it so I've been trying to get it setup on my server.

Problem I'm having:
The 1st 3 thumbnails load perfectly, but when I click the down arrow no images load. When I inspect, I can see there is a 404 on the JSON endpoint (paginated).

http://scriptstrainer.com/vr/slideshow/

Please explain "field-data" and how I should make adjustments.

Kind Regards,

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.