A conponent to control GIF for A-Frame VR.
Requires aframe-gif-shader.
Play gif animation
entity.play()Pause gif animation
entity.pause()Toggle playback. if the gif is paused, play and pause if it's playing.
entity.components.gif.togglePlayback()Go to next frame. Useful if it's paused.
entity.components.gif.nextFrame()Returns if it is paused.
const paused = entity.components.gif.paused() // true or falseInstall 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://rawgit.com/mayognaise/aframe-gif-shader/master/dist/aframe-gif-shader.min.js"></script>
<script src="https://rawgit.com/mayognaise/aframe-gif-component/master/dist/aframe-gif-component.min.js"></script>
</head>
<body>
<a-scene>
<a-entity geometry="primitive:box" material="shader:gif;src:url(nyancat.gif);" gif=""></a-entity>
</a-scene>
</body>Install via NPM:
npm i -D aframe-gif-shader aframe-gif-componentThen register and use.
import 'aframe'
import 'aframe-gif-shader'
import 'aframe-gif-component'