A Touch of Don

Apologies for the large size of this gif 1.5MB, but 52 frames!
Apologies for the large size of this gif 1.5MB, but 52 frames!

The offshoot of ds106 that is #giffight has given me a lot of fun. Every so often the giffight tumble posts an image with the invite for anyone to use it to create an animated gif from. You post it to tumblr tagged giffight or tweet and it is added to the gifight tumblr.

The latest iteration came out of MBS — Started another Tumblr – Don Draper is Zen I’m… celebrating the end of Mad Men by placing a meditation Don Draper over an animated background Michael provided a nice psd file with Don Drifting into the OM.

I made a few and then saw this tweet:

Which got me thinking

At first I was thinking of some sort of server size thing using Gifsicle,
ImageMagick or GD – Manual and the like. These both need resources that I don’t have access to (unless the raspberry pi) and skills I don’t have.

I then wondered about the various JavaScript Gif mashup I’ve made (squares for example) and if I could do that. I also recalled bookmarking a new (to me) JavaScript library for creating animated Gifs, gif.js. It seemed faster than the one I’d used before.

After much testing and playing around I’ve managed to get to a place where I’ve got a webpage that makes Don Zen Gifs that you can add an image as a background, or generate some random stuff as a background and get a gif. The interface is a bit rough at the moment. Don’s Gif Zen

751kB
751kB
277kB a wee bit better
277kB a wee bit better

The gif.js library does all of the hard work. I could not get some of the functions to work and had to kludge around them. I can see them working on the Canvas example page but I failed to get them to work here.
Basically what my pages does is let you upload an image, it displays that on a canvas element then loops through the Don frames adding them over the background. I should have been able to export that to the gif, but this failed so I create hidden png images and pass them to the gif encoder.

The alternative buttons just generate randomish backgrounds in the same way as I did for squares.

The great thing about the JavaScript approach is it needs no really amount of resources on the server. All the work is done on the end users browser. That means it is quite slow on a mobile.
I’ve tested on Chrome, Firefox and Safari on mac and it seems to all work fine there now (I had some early problems in Safari & firefox) Chrome & Safari seem faster than FF. It also works on mobile Safari on my iPhone. I quickly tested IE9, a fail and 10, works on Windows using virtualbox but would be interest to hear for others.

Finally I’ve used the same idea to take the ds106 Assignments: Dancing Jim all over the world from a 2 and a half star assignment to a 1 star one.

Dance Jim Dance

dancin-jim

Free the Groom

Now this is weird.

jim_groom_dicejim_groom_dice-dance

Given we can’t waste time I dug out a processing script I’d used before. I can’t recall where I got the original, or what changes I made, but it looks like I simplified it a lot and exported a series of frames to gifs. Stitched these together in FireWorks.

Cutting Noir Corners

When you have been in this game as long as I have you get a little slow. No way I can keep up with the young operatives without cutting some corners.

We were asked to keep an eye on Davey Gordon a pug without much of a chin. I looked over some surveillance footage and cutback on the groundwork with some tech.

I’ve got 880 shots on the light box, Killer’s Kiss, which lets me look for clues (here is how I made the lightbox), some just jumped out at me:

stairs01

Not so much noir but Kubrickian symmetry, remember Kubrick // One-Point Perspective on Vimeo.

I am keeping an eye on these characters:

alley01

Shady!

The police seem to be on the case:

police-search

And here are some great shots:

Coming out fighting:

fight-kk

pechaGif

a random ds106 gif A random Gif

A while back I posted about the DS106 random gif api, a rather daft piece of fun: 106 drop in » Blog Archive » Gif Scraping and a DS106 Gif API. The api seems to be working well and I’ve used it on DS106 GiF TV which is still a work in progress.

Yesterday I had a thought to make a simpler example of using the API and that an idea might be to riff off Alan’s pechaflickr making a version that showed animated gifs.

pechaGif

This afternoon I took a first run at this. I’ve not copied any of Alan’s code just borrowed the idea. The pechaGif loads 20 random gifs and them displays a start button. Clicking that will full screen 20 gifs for 20 seconds each.

The page just uses javascript and I’ve kept everything in one file in case anyone wants to use it to see how the gif API works.

I did not expect anyone to make use of this, but Mariana suggested:

 

So I guess I may add that to the assignment bank, might give it a go myself first.

Why Gif?

There is an interesting conversation going on over in the DS106 google group. Sandy Brown Jensen makes some great points which finish with

So for me it has nothing to do with the aesthetics of the gif itself and more to do with crafting a context where placing a gif makes sense.

.Sandy has a great riff in her first column which I’ll leave readers to read in context, but here basic question is:

First of all, figure out your objectives in the cognitive realm, i.e. why do you want to make a gif at all?

This is a question that I sort of asked a while back, But is Gif Art? and had a couple of good answers in the comments. I’d like to expand my ideas here with a few examples. I am sticking to gifs I’ve made, there are a ton of better examples on the

Before I started DS106, like many I though of gifs as the under construction images from geocities websites of the last century. It took me a while to come round.

I had been reading and following ds106 mostly through Jim Groom’s blog when
on a rainy afternoon I wrote:

One of the things that the ds106 folk have been doing is creating animated gifs from very short sections of movies. I am still not sure if I see the whole point of this, but it becomes a very addictive process.


The above gif is, I think, the first one I published, I like it because it isolates an emotion from a movie I like a lot, to me it is some sort of visual commentary on the movie. I was also interested in the process of creating gifs, and this involved some creativity (perhaps not artistic) as I designed my own method.
Later that year I Joined DS106 I had by then been inspired by ds106 and this joined up some dots for me. At that point I could rip a gif from a movie and was mostly interested in keeping the file size down!

This gif is a celebration of DS106 and the energy of Jim Groom in particular, it is 8 frames that I returned too again and again and eventually made a small ds106 meme.

Jim’s Excellent Ted Adventure, Jim in the Air(plane) and Dancing Jim Over the World. These are part joke, part riff on various ideas, they do not tell a story in themselves but become part of a community story that both celebrates Jim and pokes some fun.

I hope the next gif did tell a story, it tries to show a different side of Jack Kerouac.

Most of the Kerouac I’ve seen have been chat show footage with a drunk Kerouac. This clip shows his gentler side.

Like many other folk who watch and enjoy old gangster films, I’ve giffed a few gunshots in my time, I usually feel a bit uneasy about this. It is easy in the relative safety of Scotland, with unarmed police and little gun crime to be complacent, this gif plays with that sentiment:

Over the course of a few rounds of DS106 I’ve become a regular giffer, I’ve a Tumblr full, some from ds106 assignments, some just for fun, some created from movies and some in various other ways. Some are saying look at this, is it not interesting or beautiful. Some are jokes, some are experiments with software, some play with the random and serendipitous. Some have made me see in a different way, to think a bit more visually. Some just provide some relaxation, finding a nice clip spotting a giffable moment, digging it out, optimising it is just nice.

This one is from a film I love and have giffed a few times, Il Gattopardo, the film is made at a different speed that most hollywood offerings, I hope the gif tells some of that.

The next one was, to me, interesting for a couple of reasons, one, it explains something, or give a view and two to make it I created a system so that I can knock similar gifs up in a few seconds when needed to help discuss or explain something.

Ds106 gifs are social, gifs often seem to asks to be reused, remixed, pinged and ponged between groups, there is a special joy when your gif is mixed into something else.

I am not a particularly visual person, as I worried in my first ds106 post:

I am a wee bit nervous about jumping into something that requires visual creativity. While I am happy enough editing images, audio and video I am not good at visual thinking or design.

I preferred podcasting to video because it avoids the difficulties of the moving image. Gifs have given me a way to play with visual elements, think about them notice thing I would have missed and keep alert for the possibilities scrolling by.

I hope that someone, Sandy?, looking a  the first page or two of my tumbling would get a sense of some purpose, fun and diversity rather than things that are mindless and crazy-making as any uncontrollable tic, or at least enjoy the madness around:

For me, instinctively & briefly, gifs are at the heart of #ds106  driven by energy originating from Jim Groom and riffed through the participants. They can disrupt patterns of thought and play havoc with our idea of what a ‘story’ is.