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

aframe-dev-components

Package Overview
Dependencies
Maintainers
1
Versions
1
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

aframe-dev-components

Helpers for making A-Frame fun to work with.

  • 1.0.0
  • latest
  • Source
  • npm
  • Socket score

Version published
Maintainers
1
Created
Source

aframe-dev-components

Helpers for making A-Frame easier to work with.

A-Frame dev-components

Usage

<head>
  <title>My A-Frame Scene</title>
  <script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script>

  <!-- Include component script into your project along with A-Frame. -->
  <script src="https://unpkg.com/aframe-dev-components/dist/aframe-dev-components.min.js"></script>
</head>

<body>
  <a-scene>
    <!-- A-Frame markup -->
  </a-scene>
</body>

Components

retain-camera

Retains camera position and orientation through scene reloads.

<a-scene retain-camera></a-scene>
KeyDescription
`reset to original camera.
axis

Adds axis helper to entity. Makes it easier to visualize entity orientation in a scene.

<a-entity axis></a-entity>

When added to <a-camera> or entity with camera component, a axis is displayed in the viewport that shows the world coordinate relative to the cameras orientation.

<a-camera axis></a-camera>
PropertyDescriptionDefault
sizesize of line representing axis1

See three.js docs AxisHelper.

bounding-box

draws bounding box around entity mesh.

<a-entity bb></a-axis>

See three.js docs BoxHelper

npm

Install via npm:

npm install aframe-dev-components

Then require and use.

require('aframe');
require('aframe-dev-components');

Keywords

FAQs

Package last updated on 08 Jun 2017

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