p5.gif.js

KO | EN

gitlite — search

#javascript #react #llm #android #machine-learning #rust #linux #macos #nodejs #vue #pytorch #security #mcp #open-source

(★ 85)

let's you play gifs in p5

p5.gif.js 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# p5.gif.js

p5.gif.js is a library that let's you play animated gifs in [p5.js](http://p5js.org) sketches. You load a gif by calling `loadGif('something.gif')` and then can display it using p5's built in `image()` function. Like this:

```javascript
var gif;

function setup() {
  createCanvas(600,600);
  gif = loadGif('mygif.gif');
}

function draw() {
  background(0);
  image(gif, 0, 0);
}
```

## Reference
```gif = loadGif(image)``` loads up a gif and returns a p5Image object with some extra functionality. Warning: loadGif only works with locally hosted gifs.

```gif.play()``` plays the gif (it will start playing by default)

```gif.pause()``` pauses the gif

```gif.playing()``` returns true or false depending on if the gif is currently playing

```gif.loaded()``` returns true or false depending on if the gif has loaded

```gif.frames()``` returns the frames as an array of image data

```gif.frame([n])``` with no argument, returns the current frame. With an integer as an argument, skips to that frame.

```totalFrames()``` returns the total number of frames in the gif

`loadGif()` will return a modified p5Image object, so you can also use any of the [p5Image functions](http://p5js.org/reference/#/p5.Image) like `loadPixels()`, `filter()` or `blend()`.

## Examples

### Load and play an animated gif
```javascript
var gif;

function setup() {
  createCanvas(600, 300);
  gif = loadGif('test.gif');
}

function draw() {
  background(0);
  if (gif.loaded()) {
    image(gif, 0, 0);
  }
}
```

### Scrub through a gif with your mouse position
```javascript
var gif;

function setup() {
  createCanvas(600, 300);
  gif = loadGif('test.gif');
  gif.pause();
}

function draw() {
  background(0);
  if (gif.loaded()) {
    image(gif, 0, 0);
  }
}

function mouseMoved() {
  if (gif.loaded()) {
    var frame = int(map(mouseX, 0, width, 0, gif.totalFrames()));
    gif.frame(frame);
  }
}
```

## Credits
This library is a very slight modification of [Buzzfeed's SuperGif](https://github.com/buzzfeed/libgif-js), which is a fork of [shachaf's jsgif](https://github.com/shachaf/jsgif)

p5.gif.js

p5.gif.js 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

p5.gif.js

p5.gif.js 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README