aframe-physics-components
Advanced tools
Experimental physics components for A-Frame VR using cannon.js.
Install and use by directly including the browser files:
<head>
<title>My A-Frame Scene</title>
<script src="https://aframe.io/releases/0.2.0/aframe.min.js"></script>
<script src="https://github.com/ngokevin/aframe-physics-components/blob/master/dist/aframe-physics-components.min.js"></script>
</head>
<body>
<a-scene physics-world="gravity: 0 -9.8 0">
<a-entity physics-body="boundingBox: 1 1 1; mass: 5; velocity: 0.2 0 0"
geometry="primitive: box" material="color: red"></a-entity>
</a-scene>
</body>
Install via NPM:
npm install aframe-physics-component
Then register and use.
require('aframe');
require('aframe-physics-components');
| Property | Description | Type | Default Value |
|---|---|---|---|
| angularVelocity | (in deg/s) | vec3 | 0 0 0 |
| boundingBox | Collision box (in m). | vec3 | 0 0 0 |
| mass | (in kg) | number | 1 |
| velocity | (in m/s) | vec3 | 0 0 0 |
| Event Name | Description |
|---|---|
| collide | Emitted when entity collides with another entity. Event contains contact. |
Applies an impulse (indicated by impulseVec3) at the body's local point
(indicated by positionVec3). forceVec3 is in Force / Time (Newtons /
Seconds).
// Applies a small force from left-to-right to the top-left of the body.
var hitMeBody = document.querySelector('#hit-me-entity').components['physics-body'];
hitMeBody.applyImpulse({ x: 10, y: 0, z: 0 }, { x: -1, y: 1, z: 0 });
| Property | Description | Default Value |
|---|---|---|
| gravity | vec3 | 0 -9.8 0 |
| Event Name | Description |
|---|---|
| beginContact | Emitted when an entity in the world begins contact with another entity. Event contains bodyA and bodyB. |
| endContact | Emitted when an entity in the world ends contact with another entity. Event contains bodyA and bodyB. |
FAQs
Physics components for A-Frame VR.
We found that aframe-physics-components demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
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.
Security News
Multiple high-impact npm maintainers confirm they have been targeted in the same social engineering campaign that compromised Axios.
Security News
Axios compromise traced to social engineering, showing how attacks on maintainers can bypass controls and expose the broader software supply chain.
Security News
Node.js has paused its bug bounty program after funding ended, removing payouts for vulnerability reports but keeping its security process unchanged.