❤
npm
Sign UpSign In

aframe-sprite-component

0.1.1 • Public • Published

aframe-sprite-component

An implementation of the Sprite primitive from ThreeJS – a bitmap image always facing the camera – for A-Frame.

Have a look at the examples

API

Property Description Default Value
src String – the name of the image to use in the SpriteMaterial ''
resize String – resize vector to scale the Sprite '1 1 1'

Installation

Browser

Install and use by directly including the browser files:

<head>
  <title>A-Frame using a Sprite</title>
  <script src="https://aframe.io/releases/0.3.0/aframe.min.js"></script> 
  <script src="https://cdn.rawgit.com/tizzle/aframe-sprite-component/master/dist/aframe-sprite-component.min.js"></script> 
</head>
 
<body>
 
    <a-scene>
        <a-assets>
            <img id="hotspotimage" src="hotspot.png">
        </a-assets>
 
        <a-entity camera position="0 0 5"></a-entity>
 
        <a-sprite position="0 0 0" resize="1 1 1" src="hotspot.png"></a-sprite>
 
        <a-sky color="#AADDF0"></a-sky>
 
    </a-scene>
 
</body>

npm

Install via npm:

npm install aframe-sprite-component

Then register and use.

require('aframe');
require('aframe-sprite-component');

Readme

Keywords

Package Sidebar

Install

npm i aframe-sprite-component

Repository

github.com/tizzle/aframe-sprite-component

Homepage

github.com/tizzle/aframe-sprite-component#readme

Weekly Downloads

2

Version

0.1.1

License

MIT

Last publish

Collaborators

  • tizzlefoshizzle
Try on RunKit
Report malware