Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

aframe-extras

Package Overview
Dependencies
Maintainers
1
Versions
133
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

aframe-extras

Add-ons and examples for A-Frame VR.

  • 1.8.1
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
6.5K
decreased by-29.71%
Maintainers
1
Weekly downloads
 
Created
Source

A-Frame Extras

Add-ons and helpers for A-Frame VR.

Usage (Scripts)

In the dist/ folder, download any package(s) you need. Include the scripts on your page:

<script src="./aframe-extras.min.js"></script>

Each package's components are automatically registered for you.

Usage (NPM)

npm install --save aframe-extras
// custom-extras.js

var extras = require('aframe-extras');
AFRAME.registerComponent('velocity', extras.math.velocity); // Register a single component.
extras.physics.registerAll();                               // Register a particular package, and its dependencies.
extras.registerAll();                                       // Register everything.

Once installed, you'll need to compile your JavaScript using something like Browserify or Webpack. Example:

npm install -g browserify
browserify custom-extras.js -o bundle.js

bundle.js may then be included in your page. See here for a better introduction to Browserify.

Add-ons

src
├── controls
│   ├── gamepad-controls.js
│   ├── hmd-controls.js
│   ├── keyboard-controls.js
│   ├── mouse-controls.js
│   ├── touch-controls.js
│   └── universal-controls.js
├── loaders
│   ├── fbx-model.js
│   └── three-model.js
├── math
│   ├── quaternion.js
│   └── velocity.js
├── misc
│   ├── jump-ability.js
│   └── toggle-velocity.js
├── physics
│   ├── body.js
│   ├── dynamic-body.js
│   ├── kinematic-body.js
│   ├── physics.js
│   ├── static-body.js
│   └── system
│       └── physics.js
├── primitives
│   └── a-grid.js
└── shadows
    ├── shadow-light.js
    └── shadow.js

Controls

Extensible movement/rotation/hotkey controls, with support for a variety of input devices.

  • universal-controls: Manager for other controls, which can be used to decide which input device is used when multiple are available, and to set common acceleration/sensitivity across all controls.
Input devices:

gamepad-controls, hmd-controls, keybard-controls, mouse-controls, and touch-controls.

Other Controls

I've written standalone components for several other control components.

  • gamepad-controls: A more advanced standalone gamepad controller than the version in this package.
  • keyboard-controls: A more advanced standalone keyboard controller than the version in this package.
  • leap-motion-controls: In progress.
Mobile + Desktop Input Devices

Connect input devices from your desktop to your mobile phone with WebRTC, using ProxyControls.js.

Physics

Components for A-Frame physics integration, built on CANNON.js.

Scene Physics:

  • physics: Added to the <a-scene/> element, and manages global physics World

Object Types:

  • dynamic-body: Object that moves only according to physics simulation, which has mass and may collide with other objects.
  • static-body: Static body with a fixed position. Unaffected by gravity and collisions, but other objects may collide with it.
  • kinematic-body: Controlled but dynamic body, which moves but is not affected (directly) by the physics engine. Intended for use on the player's model. Gravity and collisions are simulated, without giving full control to the physics engine.

Math:

  • velocity: Helper to update an object's by a fixed amount position over time.
  • quaternion: Helper for preventing gimbal-lock during rotation.

Shadows

Runtime shadows, with the shadow and shadow-light components. Originally written by @ngokevin, and likely to be available in A-Frame later (https://github.com/aframevr/aframe-core/pull/348).

NOTE: Adding shadows to more than a few simple objects can slow your scene >down significantly. For performant shadows on scenery, like trees and houses, bake your shadows into your textures using modeling software.

Keywords

FAQs

Package last updated on 20 Apr 2016

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc