Noctiflorous Pansy Mulch

    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');

    Install

    npm i aframe-sprite-component

    DownloadsWeekly Downloads

    0

    Version

    0.1.1

    License

    MIT

    Last publish

    Collaborators

    • tizzlefoshizzle