mrturck / Aframe Joystick
Licence: mit
An aframe component for "wasd"-like motion on mobile
Stars: ✭ 18
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
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
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
virtual-reality-tour
📍 Virtual reality travel in Google Street View.
Stars: ✭ 34 (+88.89%)
Mutual labels: vr, aframe
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].