Non-Potable Macchiato

    aframe-gif-shader

    0.9.1 • Public • Published

    AFrame GIF Shader

    A gif shader for A-Frame VR. Inspired by @gtk2k's awesome sample.

    To control, please use aframe-gif-component.

    DEMO

    example

    Now transparent gif are supported! 🎉🎊

    Properties

    • Basic material's properties are supported.
    • The property is pretty much same as flat shader.
    Property Description Default Value
    src image url. @see Textures null
    autoplay play automatecally once it's ready true

    For refference, please check the following links:

    Usage

    Browser Installation

    Install and use by directly including the browser files:

    <head>
      <title>My A-Frame Scene</title>
      <script src="https://aframe.io/releases/0.9.0/aframe.min.js"></script> 
      <script src="https://rawgit.com/mayognaise/aframe-gif-shader/master/dist/aframe-gif-shader.min.js"></script> 
    </head>
     
    <body>
      <a-scene>
        <a-entity geometry="primitive:box;" material="shader:gif;src:url(nyancat.gif);color:green;opacity:.8"></a-entity>
      </a-scene>
    </body>

    NPM Installation

    Install via NPM:

    npm i -D aframe-gif-shader

    Then register and use.

    import 'aframe'
    import 'aframe-gif-shader'

    Contributors

    Thank you so much 🙏

    Install

    npm i aframe-gif-shader

    DownloadsWeekly Downloads

    59

    Version

    0.9.1

    License

    MIT

    Unpacked Size

    1.71 MB

    Total Files

    19

    Last publish

    Collaborators

    • mayognaise