Skip to content

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

Notifications You must be signed in to change notification settings

disketteomelette/aframe-ring-controls

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

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!

About

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

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages