# \#gif-texture

**URL:** https://discourse.threejs.org/tag/gif-texture/298.md

[Latest](https://discourse.threejs.org/latest.md) · [Categories](https://discourse.threejs.org/categories.md) · [Tags](https://discourse.threejs.org/tags.md)

---

## [THREE.ComposedTexture - play GIF, APNG etc as texture](https://discourse.threejs.org/t/three-composedtexture-play-gif-apng-etc-as-texture/12876)

<div class="topic-metadata">

**Author:** [@Fyrestar](https://discourse.threejs.org/u/Fyrestar)\
**Replies:** 44\
**Last updated:** [September 17, 2025, 6:22pm UTC](https://discourse.threejs.org/t/three-composedtexture-play-gif-apng-etc-as-texture/12876 "2025-09-17T18:22:45Z")

</div>

This is a texture class which allows to use multi-frame images such as GIF or APNG. Other than most plain GIF players it doesn’t decode every pixel per frame on the fly, or uses putImageData (for larger GIFs this is too…

---

## [Flipbook to video](https://discourse.threejs.org/t/flipbook-to-video/61770)

<div class="topic-metadata">

**Author:** [@bandinopla](https://discourse.threejs.org/u/bandinopla)\
**Replies:** 0\
**Last updated:** [February 21, 2024, 7:20pm UTC](https://discourse.threejs.org/t/flipbook-to-video/61770 "2024-02-21T19:20:52Z")

</div>

Create a flipbook and then record the interaction to a video (app in english and spanish) App: Flipbook to video Sourcecode: GitHub - bandinopla/flipbook-to-video: Create…

---

## [Using an animated gif as a displacement map - shaders](https://discourse.threejs.org/t/using-an-animated-gif-as-a-displacement-map-shaders/907)

<div class="topic-metadata">

**Author:** [@deSolidState](https://discourse.threejs.org/u/deSolidState)\
**Replies:** 12\
**Last updated:** [February 18, 2020, 2:05am UTC](https://discourse.threejs.org/t/using-an-animated-gif-as-a-displacement-map-shaders/907 "2020-02-18T02:05:43Z")

</div>

So I found a cool example - http://meetar.github.io/threejs-shader-demos/llama.html - that uses a gif as a displacement map. However, it uses THREE.js r58. I found out because it has the line geometry.computeTangents(); …

---

## [GIF as animated texture?](https://discourse.threejs.org/t/gif-as-animated-texture/1097)

<div class="topic-metadata">

**Author:** [@batchku](https://discourse.threejs.org/u/batchku)\
**Replies:** 4\
**Last updated:** [October 30, 2017, 11:01pm UTC](https://discourse.threejs.org/t/gif-as-animated-texture/1097 "2017-10-30T23:01:22Z")

</div>

Hello all, I’m trying to find a way to use a GIF as an animated texture for geometry. I’ve come across a couple of threads (like this one) that discuss this, but I’m not able to find a conclusive solution. I have foun…