All Projects → mrturck → Aframe Joystick

mrturck / Aframe Joystick

Licence: mit
An aframe component for "wasd"-like motion on mobile

Projects that are alternatives of or similar to Aframe Joystick

lvr
👓 Augmented Reality for everyone - Out of the world experiences
Stars: ✭ 92 (+411.11%)
Mutual labels:  augmented-reality, vr, aframe
kalwalt-interactivity-AR
Some various experiments with Ar.js and Three.js
Stars: ✭ 65 (+261.11%)
Mutual labels:  augmented-reality, aframe
spark-ar-creators
List of 9500 (and counting) Spark AR Creators. Open an issue or contact me if you want to be added.❤️
Stars: ✭ 122 (+577.78%)
Mutual labels:  augmented-reality, vr
Openxr Sdk
Generated headers and sources for OpenXR loader.
Stars: ✭ 256 (+1322.22%)
Mutual labels:  vr, augmented-reality
aframe-registry
[DISCONTINUED] Curated collection of community A-Frame components.
Stars: ✭ 76 (+322.22%)
Mutual labels:  vr, aframe
native-xr-for-web
Add iOS and Android build with AR capabilities to your website or web-based app.
Stars: ✭ 27 (+50%)
Mutual labels:  augmented-reality, vr
3dio Js
JavaScript toolkit for interior apps
Stars: ✭ 255 (+1316.67%)
Mutual labels:  aframe, vr
aframe-xylayout
Flexbox like 2D layout + UI components for A-Frame.
Stars: ✭ 23 (+27.78%)
Mutual labels:  vr, aframe
Jeelizar
JavaScript object detection lightweight library for augmented reality (WebXR demos included). It uses convolutional neural networks running on the GPU with WebGL.
Stars: ✭ 296 (+1544.44%)
Mutual labels:  vr, augmented-reality
Ar Vrcourse
VR,AR,MR 开发入门教程
Stars: ✭ 298 (+1555.56%)
Mutual labels:  vr, augmented-reality
Ideaspace
😎 Create interactive 3D and VR web experiences for desktop, mobile & VR devices
Stars: ✭ 344 (+1811.11%)
Mutual labels:  aframe, vr
Hover Ui Kit
Create beautiful user interfaces for immersive VR/AR experiences.
Stars: ✭ 662 (+3577.78%)
Mutual labels:  vr, augmented-reality
aframe-controller-cursor-component
A cursor for tracked controllers.
Stars: ✭ 30 (+66.67%)
Mutual labels:  vr, aframe
GVRSCNRenderer
SceneKit Rendering and ARKit 6DOF Tracking for Google Cardboard
Stars: ✭ 19 (+5.56%)
Mutual labels:  augmented-reality, vr
OpenXR-CTS
Conformance test suite for OpenXR
Stars: ✭ 38 (+111.11%)
Mutual labels:  augmented-reality, vr
pacman
Pacman WebVR using Aframe
Stars: ✭ 20 (+11.11%)
Mutual labels:  vr, aframe
A Painter
🎨 Paint in VR in your browser.
Stars: ✭ 539 (+2894.44%)
Mutual labels:  aframe, vr
virtual-reality-tour
📍 Virtual reality travel in Google Street View.
Stars: ✭ 34 (+88.89%)
Mutual labels:  vr, aframe
g3r
3D, VR and AR Maps in R
Stars: ✭ 19 (+5.56%)
Mutual labels:  augmented-reality, vr
Virocore
ViroCore cross-platform AR/VR renderer
Stars: ✭ 270 (+1400%)
Mutual labels:  vr, augmented-reality

aframe-joystick

An aframe component for "wasd"-like motion on mobile. Demo here: https://sour-lyric.glitch.me/

Many thanks to @yoannmoinet for creating NippleJS. This project is 95% NippleJS with a small adaptation for A-Frame

Usage

Step 1

You'll need to include the script in your project:

<script src="https://cdn.rawgit.com/mrturck/aframe-joystick/master/joystick.min.js"></script>

Step 2

Second, add id="camera" to your camera element, or create a new camera entity with id="camera":

<a-entity camera id="camera" position="0 1.6 0" look-controls wasd-controls>

Step 3

Add joystick to your a-scene element

<a-scene joystick>

Step 4 (optional, but recommended)

If you are using the joystick to replace VR controls, then you'll probably want to hide the vr-mode-ui button. Do this by adding vr-mode-ui="enabled: false" to your a-scene element (example below):

<a-scene joystick vr-mode-ui="enabled: false">
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].