# How to share my sketches in Processing publicly or to save the gifs produced by it using Processing Desktop IDE?

**URL:** <https://discourse.processing.org/t/how-to-share-my-sketches-in-processing-publicly-or-to-save-the-gifs-produced-by-it-using-processing-desktop-ide/31350>\
**Category:** Processing\
**Created:** [July 20, 2021, 6:32pm UTC](https://discourse.processing.org/t/how-to-share-my-sketches-in-processing-publicly-or-to-save-the-gifs-produced-by-it-using-processing-desktop-ide/31350 "2021-07-20T18:32:20Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![ShenpaiSharma](https://avatars.discourse-cdn.com/v4/letter/s/ce73a5/32.png) [@ShenpaiSharma](https://discourse.processing.org/u/ShenpaiSharma)\
**Post date:** [July 20, 2021, 6:32pm UTC](https://discourse.processing.org/t/how-to-share-my-sketches-in-processing-publicly-or-to-save-the-gifs-produced-by-it-using-processing-desktop-ide/31350/1 "2021-07-20T18:32:20Z")

</div>

I want to share my sketches with other people or create a link to the sketch to be accessible to anyone. Is it possible to do it?

---

<div class="post-metadata">

**Author:** ![soegaard](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/soegaard/32/13657_2.png) [@soegaard](https://discourse.processing.org/u/soegaard)\
**Post date:** [July 20, 2021, 10:12pm UTC](https://discourse.processing.org/t/how-to-share-my-sketches-in-processing-publicly-or-to-save-the-gifs-produced-by-it-using-processing-desktop-ide/31350/2 "2021-07-20T22:12:54Z")

</div>

You could use [https://gist.github.com/](https://gist.github.com/)

---

<div class="post-metadata">

**Author:** ![ShenpaiSharma](https://avatars.discourse-cdn.com/v4/letter/s/ce73a5/32.png) [@ShenpaiSharma](https://discourse.processing.org/u/ShenpaiSharma)\
**Post date:** [July 21, 2021, 12:32pm UTC](https://discourse.processing.org/t/how-to-share-my-sketches-in-processing-publicly-or-to-save-the-gifs-produced-by-it-using-processing-desktop-ide/31350/3 "2021-07-21T12:32:31Z")

</div>

Thanks, @soegaard for the reply but I want to export the GIF that is processing code output.  
As I am creating Earthquake mapping using Processing and I want to show the output to others.  
If you know how can I do this that will be a great help.

```auto

float rotx = PI/4;
float roty = PI/4;
float rotz = PI/4;

float angle;
float r = 350;
Table table;

PImage earth;
PShape globe;

void setup() {
  size(600, 600, P3D);
  table = loadTable("https://earthquake.usgs.gov/earthquakes/feed/v1.0/summary/all_month.csv", "header");
  earth = loadImage("https://i.ibb.co/cwWfPbP/world.jpg");
  
  noStroke();
  globe = createShape(SPHERE, r);
  globe.setTexture(earth);
}

void draw() {
  background(30);
  
  lights();
  fill(200);
  noStroke();
  
  translate(width/2, height/2);
  rotateX(rotx);
  rotateY(roty);
  
  rotateY(angle);
  angle += 0.005;
  
  shape(globe);
  
  
  
  
  for (TableRow row : table.rows()) {
    float lat = row.getFloat("latitude");
    float lon = row.getFloat("longitude");
    float mag = row.getFloat("mag");
    float theta = radians(lat) + PI/2;
    float phi = radians(lon) + PI;
    float x = r * sin(theta) * cos(phi);
    float y = -r * sin(theta) * sin(phi);
    float z = r * cos(theta);
    
    PVector pos = new PVector(x,y,z);
    
    float h = pow(10, mag);
    float maxh = pow(10, 5);
    h = map(h, 0, maxh, 1, 40);
    
    PVector xaxis = new PVector(1,0,0);
    float angleb = PVector.angleBetween(xaxis, pos);
    PVector raxis = xaxis.cross(pos);
    
    pushMatrix();
    if (h <= 10) {
      fill(0, 0, 255); 
    } else if (h > 10 && h <= 20){
      fill(0, 255 , 0);
    } else {
      fill(255, 0 ,0); 
    }
    translate(x, y, z);
    rotate(angleb, raxis.x, raxis.y, raxis.z);
    box(h, 1, 1);
    popMatrix();
  }

}

void mouseDragged() {
  float rate = 0.005; //velocidad de rotacion
  rotx += (pmouseY-mouseY) * rate;
  roty += (mouseX-pmouseX) * rate;
}
```

---

<div class="post-metadata">

**Author:** ![soegaard](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/soegaard/32/13657_2.png) [@soegaard](https://discourse.processing.org/u/soegaard)\
**Post date:** [July 21, 2021, 1:19pm UTC](https://discourse.processing.org/t/how-to-share-my-sketches-in-processing-publicly-or-to-save-the-gifs-produced-by-it-using-processing-desktop-ide/31350/4 "2021-07-21T13:19:47Z")

</div>

Use saveFrame() to save each frame as tif.  
Then use either “Movie Maker” (see the Tools menu in Processing) to convert the tif images into a  
QuickTime moive. Then find some tool to convert to gif.

Alternatively, use ImageMagick to convert directly from tiff images to a gif.

> <https://askubuntu.com/questions/648244/how-do-i-create-an-animated-gif-from-still-images-preferably-with-the-command-l>

---

<div class="post-metadata">

**Author:** ![philipplehmann](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/philipplehmann/32/4111_2.png) [@philipplehmann](https://discourse.processing.org/u/philipplehmann)\
**Post date:** [July 21, 2021, 1:33pm UTC](https://discourse.processing.org/t/how-to-share-my-sketches-in-processing-publicly-or-to-save-the-gifs-produced-by-it-using-processing-desktop-ide/31350/5 "2021-07-21T13:33:03Z")

</div>

There ist also the VideoExport Library.  
It requires ffmpeg but works very nice once everything is installed.

> **[Processing-Tutorial: Video Export • tim rodenbröker creative coding](https://timrodenbroeker.de/processing-tutorial-video-export/)**
>
> Important info: Unfortunately the Tutorial is not up to date by now and basically does not work the same on \[…\]

You could probably configurate it to save gifs (not tested, not guaranteed).  
Or just convert the exported file in the terminal with a command like this.

> ffmpeg -i recording.mp4 result.gif

> **[How to create GIFs with FFmpeg](https://medium.com/codex/small-sized-and-beautiful-gifs-with-ffmpeg-25c5082ed733)**
>
> High-quality animation on any platform for free

---

<div class="post-metadata">

**Author:** ![glv](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/glv/32/18785_2.png) [@glv](https://discourse.processing.org/u/glv)\
**Post date:** [July 21, 2021, 1:55pm UTC](https://discourse.processing.org/t/how-to-share-my-sketches-in-processing-publicly-or-to-save-the-gifs-produced-by-it-using-processing-desktop-ide/31350/6 "2021-07-21T13:55:38Z")

</div>

Hello,

You may run in to this:

> [@Please help! Processing is showing loadTable is not defined?](https://discourse.processing.org/t/please-help-processing-is-showing-loadtable-is-not-defined/30816/12):
>
> Loading resources from URL used to be fine and dandy, but nowadays, they are blocked by CORS (the headers at the server end). Your code runs fine in the Desktop IDE.

I have run in to the same issues.

Creating animated GIFs:

> [@Creating Animated GIFs in Processing](https://discourse.processing.org/t/creating-animated-gifs-in-processing/12386):
>
> I have a new hobby! slight_smile

`:)`