# New Library for Processing: FIP (Fast Image Processing)

**URL:** https://discourse.processing.org/t/new-library-for-processing-fip-fast-image-processing/43908
**Category:** Gallery
**Created:** [February 13, 2024, 7:17pm UTC](https://discourse.processing.org/t/new-library-for-processing-fip-fast-image-processing/43908 "2024-02-13T19:17:16Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![prontopablo](https://avatars.discourse-cdn.com/v4/letter/p/8edcca/32.png) [@prontopablo](https://discourse.processing.org/u/prontopablo)
#### Post date: [February 13, 2024, 7:17pm UTC](https://discourse.processing.org/t/new-library-for-processing-fip-fast-image-processing/43908/1 "2024-02-13T19:17:16Z")

</div>

# FIP

Hello all! I’ve just released my new library for Processing: **FIP** (_Fast Image Processing_).

 ![Original image](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/3X/3/6/36c63c70dd207f905e9b8c53dcf89939404ecdc4.jpeg)  
 ![Blended with another image](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/3X/d/9/d9245a8d054b47b91c6b8fea032ed406e20b3288.jpeg)  
 ![With glitch effect](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/3X/a/d/adc6a0667dee3ff90c7f129ac133e4115482db2d.jpeg)  
 ![With motion blur](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/3X/d/1/d120ee09d9cd8f2e453fe729660e3e41ef64a99a.jpeg)

## What is it?

FIP is a library that allows you to add real-time post-processing / image-processing effects to your Processing sketch.

## Features

- 43 Effects
- Hardware Accelerated
- Lightweight (536 kB)

## So what?

I need people to test out the library, poke holes in it and suggest new features! If it works on your system, please let me know. To get started, head over to the project’s [GitHub](https://github.com/prontopablo/FIP). There are instructions there on installing and using the library. If you have any issues installing or using the library, please respond to this post and I’ll be happy to help. Thank you!

_Note: I am currently still iterating on the library, so the documentation is not complete but can be found [here](https://prontopablo.github.io/FIP/#/)._

# 

_Edit: Thank you gotoloop for setting this post to the correct category!_

---

<div class="post-metadata">

### Author: ![ProcessingOrg](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/processingorg/32/18341_2.png) [@ProcessingOrg](https://discourse.processing.org/u/ProcessingOrg)
#### Post date: [February 14, 2024, 1:08pm UTC](https://discourse.processing.org/t/new-library-for-processing-fip-fast-image-processing/43908/2 "2024-02-14T13:08:31Z")

</div>

Hello @prontopablo 👋

Great work on the FIP library! Consider submitting it so it can be downloaded from the Processing Contribution Manager. Please email your library to _ **prisonerjohn at gmail dot com** _ for inclusion. Check the [library guidelines](https://github.com/benfry/processing4/wiki/Library-Guidelines) (although note some parts may be outdated). Looking forward to your submission!

Best,  
Raphaël de Courville  
Processing Community Lead

---

<div class="post-metadata">

### Author: ![prontopablo](https://avatars.discourse-cdn.com/v4/letter/p/8edcca/32.png) [@prontopablo](https://discourse.processing.org/u/prontopablo)
#### Post date: [February 20, 2024, 10:41am UTC](https://discourse.processing.org/t/new-library-for-processing-fip-fast-image-processing/43908/3 "2024-02-20T10:41:25Z")

</div>

Hello @ProcessingOrg

Thank you for the response! I believe I’ve followed all of the library guidelines and I just sent the email for inclusion.

Thank you,  
prontopablo

**EDIT:** I’ve updated the library to include offline documentation. A few people have tried FIP out and come up with some cool use cases! If you can think of any effect you want added, let me know!

---

<div class="post-metadata">

### Author: ![prontopablo](https://avatars.discourse-cdn.com/v4/letter/p/8edcca/32.png) [@prontopablo](https://discourse.processing.org/u/prontopablo)
#### Post date: [February 25, 2024, 6:56pm UTC](https://discourse.processing.org/t/new-library-for-processing-fip-fast-image-processing/43908/4 "2024-02-25T18:56:50Z")

</div>

# Update

I ported FIP to p5.js! Presenting **`p5.FIP`** :

https://editor.p5js.org/prontopablo/full/2-UYUk2qP

_Left and right arrow keys cycle filters, up and down arrow keys cycle images._

## Getting Started

To use p5.FIP you can include it in your index.html file:

```html
    <head>
    <!-- ...-->
    <script src="https://prontopablo.github.io/p5.FIP/assets/javascripts/p5.FIP.js"></script>
    <!-- ...-->
    </head>

```

Alternatively you can download the p5.FIP.js file from [releases](https://github.com/prontopablo/p5.FIP/releases) and bring it into your project files:

```html
    <head> 
    <!-- ...--> 
    <script src="p5.FIP.js">
    </script>
     <!-- ...--> 
    </head>

```

The reference website can be found [here](https://prontopablo.github.io/p5.FIP/) and the repository can be found [here](https://github.com/prontopablo/p5.FIP).

## Examples

Example sketches can be found in this collection [here](https://editor.p5js.org/prontopablo/collections/MA4R8jvck) and they are also included in the [examples folder](https://github.com/prontopablo/p5.FIP/tree/main/examples) on GitHub.

# 

**`Please let me know if you have any feedback or ideas!`**

---

<div class="post-metadata">

### Author: ![ProcessingOrg](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/processingorg/32/18341_2.png) [@ProcessingOrg](https://discourse.processing.org/u/ProcessingOrg)
#### Post date: [February 26, 2024, 2:58pm UTC](https://discourse.processing.org/t/new-library-for-processing-fip-fast-image-processing/43908/5 "2024-02-26T14:58:51Z")

</div>

This is fantastic! Thanks for sharing

Adding an image to each example would help beginners understand the effect. Maybe even as a “before and after” where applicable?

Additionally, you might want to post about p5.FIP on the p5.js Discord server, since a large part of the p5.js community is found there: [p5.js](https://discord.gg/SHQ8dH25r9)

Best,  
Raphaël de Courville  
Processing Community Lead
