Jet-lagged Gifs

What better way to overcome jet lag than with making some art. (Big fan). Visited New York on a rainy day last week and the ‘High Line‘ was spectacular. A planted-up disused railway line provides an amazing splash of colour right through the city, and what a back drop. Here was a glance off one of the sides.

(It might be a bit gif-lagged and take a while to load).

New York Gif

 

But now I feel a bit of a voyeur taking a closer peak of the well-trained dog about to sit before crossing the road.

Pooch

 

 

 

 

 

 

 

Anyway, more pics of the High Line, Washington and Fredricksburg can be found on Flickr.

How to flash safely?

Twitter discussion

The other day, the topic of gifs and photosensitive epilepsy came up on DS106 Twitter, so I thought I’d find out more. I went straight to the medical journals and asked a friend of mine who works at Jisc TechDis.

Types of light sensitivity?

There are a range of ill-defined sensitivities to light, from facial twitching in response to bright light, actual induced changes in brain electrical activity, and changes dramatic enough to induce a seizure. The latter is referred to as photosensitive epilepsy.

What objects or aspects of light can evoke a seizure?

Many of the medical papers report the most common stimulus is a FLASHING LIGHT, and can also be PATTERNS OF LINES, GRATINGS or CHECKERBOARDS. I think we all recognise sometimes we can watch stripes or squares on the TV or PC screen that make our eyes feel funny.

How many people does this affect?

The figures are a little unclear because the data relies on individual’s own reporting, and tests actually done in the lab measuring brain activity (electroencephalograms EEGs) are usually on selected individuals and not necessarily those at risk so are likely to be lower. Nethertheless, the figures range from 5 to 9 % of the population. SO IT IS STILL A RISK FOR A NUMBER OF INDIVIDUALS. (Fisher 2005). Studies suggest it is more common in young people than in adults.

Notable cases?

There have been cases of TV programmes and video games inducing seizures. Wilkins and colleagues (2005) described a case relating to a TV advertisement (Golden Wonder Pot Noodles) where seizures were reported in three viewers in the UK. In Japan in 1997 a children’s program “Pokemon” reportedly led to 685 admissions to hospital, with 560 identified as epilepsy. The cartoon displayed alternating red and blue backgrounds. What was startling was most of these people had never had an episode before. I’m not sure of the follow-up, meaning, whether this was just a one off event or actually primed the people into being sensitive, I do not know.

So what colours and patterns are thought to be worst?

Wilkins 2005 paper led to guidelines being introduced in the UK and Japan, and now also internationally. Although they are devised for TV and not PC screens where proximity, resolution and environmental conditions may be different, they are a useful guide for our understanding.

1. Frequency. Flashes with frequency >3 Hz are prohibited.

2. Opposing changes in luminance. Flashes ≥20 cd/m2 are prohibited.

3. Area of flashes. Flashes greater in area than one fourth of the screen are prohibited.

4. Color. Flicker from saturated red light is prohibited.

Where:

Frequency – in Hertz (Hz), the number of cycles of the pattern per second. Fisher (2005) reported that the majority of people in their study responded at a peak of 12–30 flashes per second, but Wilkins’s 2005 paper reported this lower at 3Hz or above.

Luminance – relates to the contrast between light and dark. The bigger the contrast, the bigger the risk.

Areas – stationary patterns seem worse than ones that move slowly. Stripes, gratings and  patterns are implicated more than spots for example. The paper explains this relates to area covering the screen. On a PC we can assume the pattern might occupy the entire screen.

Colour – red is thought to be more provoking, although the effect of colour is not really well known. The importance of luminosity and contrast is much greater as a consideration.

So they recommend as a correction for you to look at the screen and ask these questions:

Are there more than five stripes?
If so, do they last longer than 0.5 s?
If so, does the brightness exceed the stated limit? If so, categorize the motion of the pattern
Are the guidelines contravened?
If so, reduce brightness.

 

———————–4life——————————————————————–

So what can we do?

  • TV broadcasts are now monitored, but computers and video games are a bigger risk.
  • People with known epilepsy will safeguard themselves using screen protectors and maybe coloured glasses, but many people just won’t know.
  • Whilst the guidelines are written for TV, the effect of digital screens is less well known.

How to practice safe gifs?

Well not just our beloved animated gifs, but video and animations. I would use the criteria above as a guide – avoid flashing geometric patterns of contrasting colours.

But as my friend at TechDis commented:

Just don’t do it. Its not good for accessibility or usability.

As reported in a specialist workshop in 2004, flashing images on websites and roll-over-images are not good for usability. (NGfL Accessibility workshop 2004). I guess if we are making “art” we might want to think about it a bit more carefully.

And some additional notes on accessibility from Terry at TechDis regarding visual formats:

The accessibility of an image depends on technical factors (colourless, contrast, sharpness) as well as pedagogical factors (how effectively it is labelled, how well it is described, how it is integrated into a text / audio narrative).

For moving images, video and gifs:

However visual formats can create barriers to people with poor sight and they tend to be far less searchable and navigable than text.

 

So, we should certainly think about the art we are creating, and maybe we should be more careful about accessible alternatives to go alongside it?

 

Or maybe we should consider having a clear warning if we are unsure?

WARNING. CLICK ON THESE LINK ONLY TO GET EXAMPLES OF WHAT MIGHT BE RISKY.

http://www.b3tards.com/u/06fcfde66d4d6d6f8f8a/2001_spack_odyssey.gif

http://www.b3tards.com/u/9df6a3719a6251962e93/spack.gif

 

 

ARE YOU AFFECTED BY THE WEB IN THIS WAY? I’D LOVE TO HEAR FROM YOU? I AM A MEDICAL SCIENTIST AT THE UNIVERSITY OF THE WEST OF ENGLAND IN BRISTOL. I ALSO LOVE MAKING COMPUTER ART!

 

References

Fisher RS et al (2005). Photic- and Pattern-induced Seizures: A Review for the Epilepsy Foundation of America Working Group. Epilepsia, 46(9). Available: http://onlinelibrary.wiley.com/doi/10.1111/j.1528-1167.2005.31405.x/full

Jisc TechDis (2014). Technology matters – visual. Available: http://www.jisctechdis.ac.uk/techdis/technologymatters/visual

NGfL National Grid for Learning Accessibility Workshop (2004). Flashing, flickering and blinking. Available: http://www.websemantics.co.uk/tutorials/accessibility_workshop/sessions/session2/05.colour_usage/06.flashing/

Wilkins A et al (2005). Characterizing the Patterned Images That Precipitate Seizures and Optimizing Guidelines To Prevent Them. Epilepsia, 46(8):1212–1218. Available: http://www.ncbi.nlm.nih.gov/pubmed/12504202

Take a picture of a light in the dark TDC738

Daily create today is to take a picture of a light in the dark. I’d actually created this animated gif a while back along with a series of gifs in nature that I haven’t release yet. I wasn’t quite sure what to do with it, and then a daily create comes along!

Lamp

 

 

 

 

 

 

 

 

 

Ripon, Christmas 2013.

My Nikon camera has a button that takes 5 images in quick succession, and even so you get a bit of wobble. Upload the pics to Fireworks and animated gif-a-go-go.

 

 

 

 

 

 

 

 

 

DS106 More dancing, this time in my most favourite movie ever.

More animated giffery

And why not. A dull Sunday evening and not much happing in the world. It seemed like a good time for some Jungle Book! Feel free to sing along.

[Method. Once again, thanks to John J for the audio coding available on his blog. Clip grabbed by MPEG Streamclip. Did seem to loose a bit of quality. Then just generally buggered around in Fireworks 🙂 ]

 

 

stan_shimmy

CLICK ON IMAGE TO STOP AND START SOUND.

DS106 Dancing Jim Assignment

Dancing Jim All Over the World Assignment

Like the elusive Pimpernell, dancing Jim may crop up anywhere at any time thanks to J Johnston’s assignment. Due to popular demand from #byzantiumbooks, there was only one thing to possibly do with the static Tabloid cover.

The only way this could be better is if Jim was dancing on the cover photo! Great job!

TabloidCover

 

 

 

 

 

 

 

So here you are. [Method – template of Jim downloaded from 106, Fireworks file created and saved as an animated gif first (I keep forgetting that), and the Tabloid cover copied across 10 frames to match Jim’s grooving. Publish. Have lols].

TabloidCoverGif

Animated gif of Stan’s Shimmy with Sound

DS106 YEY Thanks John Johnson!

Following on from my previous post about the Newport Jazz Festival (on right now in Newport US, and I’m NOT there, and that just isn’t fair), I decided to celebrate with a delightful shimmy by Stan Getz at the start of his “The Dolphin” recording. Of course I cheated by creating a Flash animation with sound.

But now, there is a new improved version with stain removers. Thanks to the genius of John’s coding, eejots like me can now animate gifs to sound!! This way, the music only plays when you CLICK ON THE IMAGE. (Check out John’s blog for the coding).

[Method – MPEG streamclip to produce PNG files. Open files in Fireworks. Add 24 STATES to image 1 (and then copy forward and backward sequence into the empty states). Choose a frame rate for a most delicious shimmy. Select LOOP. Export Wizard for ANIMATED GIF and nearly 1 MG of loveliness].

 

stan_shimmy

CLICK ON IMAGE TO STOP AND START SOUND.