I’ve played with css animation here before: Not an animated gif and am now beginning to get a handle on it. Wondering if it could be useful for optical illusions. I’d also like to make a virtual Phenakistoscope that could load different files that need different speeds and steps. Adding some sort of mask/viewer would be nice too…
A couple of weeks ago I started playing with combining images in the browser. There are several ways to go about this, I found a nice script to blend two images on a canvas and gave that a shot. It worked well and gave interesting results.
I though that using the Flickr API I could gather a list of images and randomly blend them two at a time.
Flickr’s API will return a json list. I started using the flickr.interestingness.getList which produced some interesting (sic) combinations. However when I started to get the license of the photos most were not labled for reuse.
I switched to using a standard search (flickr.photos.search ) which allowed me to search for license that allowed reuse.
I also switched to using CSS and background-blend-mode, this allows you to have multiple images set on a background and blend them.
On interesting this was the change I noticed when I swapped from the interestingness list to a search for creative commons images ordered by interestingness-desc. The images became more subtle and less HDRish, i think thy are more interesting and less glossy. An unusual win for Creative commons.
Over in DS106 land the page was used for a daily create:
qt_tools is a set of commandline tools for Mac that manipulate quicktime movies. One of the tools is qt_proofsheet:
QT_PROOFSHEET will take a QuickTime movie and render it out as individual frames in a grid. By default, it takes about 100 frames of your movie and fits it onto an 8.5 x 11 document, with timecode imprints.
By using different parameters you can make a strip of stills from a quicktime movie the one I am using here is 576 x 8208 pixels.
This is then animated with css. The qt-proofsheet adds the time stamp, you can minimise them but I found them useful is creating the animation.
For those interested, probably only a few, here is the code
The stills were grabbed from ‘Perchance to Dream’ an episode of the twilight zone.
I am afraid I am a bit sort of time so this post is a bit lacking in information, but this technique is an interesting take on the animated gif. The quality is fairly good and the file is 654kb.
Here is a more standard use of proofsheet:
Right-Click and open in new window to see at full size, this could be useful for analysing film.