https://github.com/disketteomelette/aframe-ring-controls

A-frame.js component to move the camera just looking a ring surrounding you!
https://github.com/disketteomelette/aframe-ring-controls

a-frame aframe-component aframe-vr aframevr threejs

Last synced: about 1 month ago
JSON representation

A-frame.js component to move the camera just looking a ring surrounding you!

• Host: GitHub
• URL: https://github.com/disketteomelette/aframe-ring-controls
• Owner: disketteomelette
• Created: 2022-08-02T18:20:04.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-03-24T09:45:17.000Z (9 months ago)
• Last Synced: 2024-03-24T10:36:46.430Z (9 months ago)
• Topics: a-frame, aframe-component, aframe-vr, aframevr, threejs
• Language: HTML
• Homepage:
• Size: 698 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# aframe-ring-controls

A-frame.js component that allows you to move the camera position by simply looking at a ring surrounding you! 

Most VR headsets have built-in features like real-time positioning, raycaster teleportation or a directional pad for navigating through the scene. However, devices like Cardboard (used with mobile phones) usually lack buttons to activate teleportation controls. With the use of this ring, even the most basic or advanced devices will be able to move through the scene by simply looking at the controls located at their feet. It is my first component and it is redundant, but it works!

- ![aframe-ring-controls-sample](https://github.com/disketteomelette/aframe-ring-controls/blob/main/samplevideo.gif?raw=true)

# Live demo

Glitch: https://confirmed-sparkly-judge.glitch.me

# Some notes

Please read carefully index.html to see a sample of the use of components.

- N: North

- S: South

- E: East

- O: West

- NE: Northeast

- NO: Northwest

- SE: Southeast

- SO: Southwest

- U: Up

- D: Down

Easy!