n5ro / Aframe Extras
Licence: mit
Add-ons and helpers for A-Frame VR.
Stars: ✭ 722
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Aframe Extras
Awesome Aframe
[DISCONTINUED] Collection of awesome resources for the A-Frame WebVR framework.
Stars: ✭ 1,310 (+81.44%)
Mutual labels: aframe, threejs, webvr
Aframe
🅰️ web framework for building virtual reality experiences.
Stars: ✭ 13,428 (+1759.83%)
Mutual labels: aframe, threejs, webvr
Thehallaframe
WebVR demo that displays art
Stars: ✭ 120 (-83.38%)
Mutual labels: aframe, threejs, webvr
3dio Js
JavaScript toolkit for interior apps
Stars: ✭ 255 (-64.68%)
Mutual labels: aframe, threejs, webvr
hologram
Hologram Framework | All-in-one WebVR creation.
Stars: ✭ 84 (-88.37%)
Mutual labels: threejs, webvr, aframe
Aframe Effects
A VR Ready Post processing framework for Three.js and/or A-Frame
Stars: ✭ 176 (-75.62%)
Mutual labels: aframe, threejs, webvr
Moonrider
🌕🏄🏿 Surf the musical road among the stars. Side project built by two people in a few months to demonstrate WebXR.
Stars: ✭ 292 (-59.56%)
Mutual labels: aframe, threejs, webvr
lvr
👓 Augmented Reality for everyone - Out of the world experiences
Stars: ✭ 92 (-87.26%)
Mutual labels: threejs, webvr, aframe
Aframe Vimeo Component
Stream Vimeo videos into WebVR.
Stars: ✭ 62 (-91.41%)
Mutual labels: aframe, threejs, webvr
Aframe Inspector
🔍 Visual inspector tool for A-Frame. Hit *<ctrl> + <alt> + i* on any A-Frame scene.
Stars: ✭ 469 (-35.04%)
Mutual labels: aframe, threejs, webvr
Aframe Camera Transform Controls Component
Camera transform controls component for A-Frame
Stars: ✭ 47 (-93.49%)
Mutual labels: aframe, threejs, webvr
aframe-registry
[DISCONTINUED] Curated collection of community A-Frame components.
Stars: ✭ 76 (-89.47%)
Mutual labels: threejs, webvr, aframe
a-blast
💥 Save the World From the Cutest Creatures in the Universe!
Stars: ✭ 116 (-83.93%)
Mutual labels: threejs, webvr, aframe
Ideaspace
😎 Create interactive 3D and VR web experiences for desktop, mobile & VR devices
Stars: ✭ 344 (-52.35%)
Mutual labels: aframe, threejs, webvr
Aframe Physics System
Physics system for A-Frame VR, built on CANNON.js.
Stars: ✭ 371 (-48.61%)
Mutual labels: aframe, threejs, webvr
aframe-xylayout
Flexbox like 2D layout + UI components for A-Frame.
Stars: ✭ 23 (-96.81%)
Mutual labels: webvr, aframe
DepthKit-A-Frame
🎥 An A-Frame component for rendering DepthKit volumetric videos in WebVR
Stars: ✭ 34 (-95.29%)
Mutual labels: threejs, webvr
PolyDraw
✳️ PTSource PolyDraw is a free 3D polygonal modeller for Windows x86 and x64, for creating or modifying 3D objects using a mesh of 3D points and parametric NURBS Curves .Exports and imports to over 40 formats including WebVR and 3D Printing.
Stars: ✭ 17 (-97.65%)
Mutual labels: threejs, webvr
A-Frame Extras
Add-ons and helpers for A-Frame VR.
Includes components for controls, model loaders, pathfinding, and more:
src ├── controls/ (Documentation) │ ├── movement-controls.js │ ├── checkpoint-controls.js │ ├── gamepad-controls.js │ ├── keyboard-controls.js │ ├── mouse-controls.js │ ├── touch-controls.js │ └── trackpad-controls.js ├── loaders/ (Documentation) │ ├── animation-mixer.js │ ├── collada-model-legacy.js │ ├── fbx-model.js │ ├── gltf-model-legacy.js │ └── object-model.js ├── misc/ (Documentation) │ ├── checkpoint.js │ ├── cube-env-map.js │ ├── grab.js │ ├── jump-ability.js │ ├── kinematic-body.js │ ├── mesh-smooth.js │ ├── normal-material.js │ └── sphere-collider.js ├── pathfinding/ (Documentation) │ ├── nav-mesh.js │ └── nav-agent.js └── primitives/ (Documentation) ├── a-grid.js ├── a-hex-grid.js ├── a-ocean.js └── a-tube.js
Usage (Scripts)
In the dist/ folder, download any package(s) you need. Include the scripts on your page, and all components are automatically registered for you:
<script src="https://cdn.jsdelivr.net/gh/donmccurdy/[email protected]/dist/aframe-extras.min.js"></script>
CDN builds for aframe-extras/v6.0.0:
- aframe-extras.js (development)
- aframe-extras.min.js (production)
For partial builds, use a subpackage like aframe-extras.controls.min.js
. Full list of packages above.
A-Frame Version Compatibility
A-Frame | Extras |
---|---|
v0.9.X | aframe-extras/v6.0.0 |
v0.8.X | */v5.1.0 |
v0.5.X | */v3.13.1 |
v0.4.X | */v3.3.0 |
v0.3.X | */v2.6.1 |
v0.2.X | */v1.17.0 |
NOTE: Several components and examples also rely on aframe-physics-system.
Usage (NPM)
npm install --save aframe-extras
// index.js
require('aframe-extras');
Once installed, you'll need to compile your JavaScript using something like Browserify or Webpack. Example:
npm install -g browserify
browserify index.js -o bundle.js
bundle.js
may then be included in your page. See here for a better introduction to Browserify.
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].