Seeing through transparent video

It’s been eleven years since Steve Jobs revolutionised our back-pockets with the iPhone and dealt Flash what many thought would be a mortal blow. So why is it Flash refuses to die? The recent update of the same in-all-but-name Adobe Animate was incredible.

In banishing the humble SWF to the wilderness Steve broke something more fundamental, progress. With all the faults of the Flash player, the Flash communitiy tried new things, and challenged conventions. The conservative development community chose standards over tearing up the rule-book and in doing so may have stifled creative expression. The days of jaw dropping websites have gone.

I recently did a project for Coca-Cola, which required a dynamic flip clock to count-down to Christmas, but it involved an intricate transition involving Christmas wrapping paper tearing across the screen to reveal the dynamic element underneath. To complicate this still further, the whole scene was full of falling snow. As is often the case with Out of Home, so much of what we do is constrained by very archaic bandwidth considerations. So the only way to easily accomplish this kind of execution was to resurrect the trusty transparent FLV and create a multi-layered application using transparent video. I had to download an old version of Adobe Media Encoder CS6 because that was the last app in which Adobe included support for FLV. In the end, the project went off without a hitch although I’m still not sure how I might have accomplished this so easily in HTML.WebM didn’t seem to layer properly and .mov was just too big. So as Flash winds down, we’re left with a hole, but sadly not in our video.

If anyone out there has any tips on how I might layer-up transparent video, over a dynamic clock element in HTML5 I’d like to hear your thoughts.


Looking white in the face

“Fear of the White Page”
(Oil on canvas)
by Erik Pevernagie

I went to boarding school between the age of eleven and thirteen. Although essentially a comprehensive school with a tagged-on boarding house in the car park, it held onto many of the old grammar school traditions, including a culture in which prefects would mete out time-consuming punishments for minor misdemeanours. For example: for drawing comics when I should have been doing homework, I was instructed to describe in not less than 1,000 words: “WHITE“, thus preventing me from finishing either my comic or my homework. It is with some surprise that I find myself, half a lifetime later, sitting down to write the 2013 version. The title may be a little different, but it is essentially the same subject. “WHITE“, or to be more specific, the fear of it.

Do you ever feel afraid of the white page, the blank canvas or the empty Photoshop™ document? A lot of people do. There’s even a word for it: vacansopapurosophobia. It’s a common complaint among creatives, similar to writers’ block. It is the inability to get the ball rolling, a crippling lack of confidence at the outset of a project or a sense that anything you try, will fail. Where do I start? How do I start? Should I bother starting at all?

All of us struggle with a sense of worth. Is it the fear of failure that makes us feel uneasy or, as Franklin D Roosevelt said, fear itself? Perhaps those who manifest these feelings into a pathological fear of the colour white may be extreme cases, but ultimately their fear is no more irrational than the fear of failure.

The psychologist Abraham Maslow in his 1943 paper “A Theory of Human Motivation” proposed that human desire can be divided into a hierarchy of needs. Maslow argued that once we have achieved the baser needs and desires of life, we strive to achieve a state of self-actualisation; the psychical manifestation of all our potential. Effectively the metamorphosis from what is possible, to what is.

Maslow placed “self-actualisation” at the pinnacle of his pyramid. His critics point out that the penniless painter, slapping paint onto canvas, may be pre-occupied with self-actualisation above all else. The tortured artist may forgo food and drink to buy the paint he needs or more blank canvases.

“Just slap anything on when you see a blank canvas staring you in the face like some imbecile. You don’t know how paralyzing that is, that stare of a blank canvas, which says to the painter, ‘You can’t do a thing’. The canvas has an idiotic stare and mesmerizes some painters so much that they turn into idiots themselves.”
Vincent Van Gogh

Van Gogh’s coping strategy appears to have been immediate eradication of the offending blank canvas. Anyone who has watched children play will recognise this technique. The first thing a child does when settling down to play is to empty their toy box all over the floor.

The child revels in choice. They instinctively recognise the importance of inspirational resources. A pile of toys is like a pile of ideas. Unrelated and disparate thoughts, building blocks to be assembled into a meaningful pattern. They do not start with nothing, they organise the chaos.

“The blankness of a new page never fails to intrigue and terrify me. Sometimes, in fact, I think my habit of writing on long yellow sheets comes from an atavistic fear of the writer’s stereotypic “blank white page.” At least when I begin writing, my page isn’t utterly blank; at least it has a wash of color on it, even if the absence of words must finally be faced on a yellow sheet as truly as on a blank white one. Well, we all have our own ways of whistling in the dark.”
Memoirist Patricia Hampl, in an essay called “Memory and Imagination.”

Although many artists and writers combat this fear of the blank page by spoiling or filling the page as quickly as possible, there are a considerable number of artists who practice the exact opposite; instead of adding to the canvas, they subtract.

Tintin in Tibet
by Hergés

Hergés, the celebrated creator of Tintin, was plagued by recurring nightmares, filled with whiteness. He consulted a Swiss psychoanalyst, who advised him to give up working on Tintin. Instead, he finished Tintin in Tibet, started the year before. Hergés, actually transformed the white from his nightmares into snow, literally revealing the potential of the fear itself. Converting it into minimalist scenes, of tremendous power, with economy and clarity. We are transported to another world, a world of Hergés’ creation; something that may never have existed if the author had not struggled, and ultimately triumphed, over his fear. Hergés made a choice to continue and in so doing exorcised his phobia forever.

The blank canvas or document is a portal into another world. Potential manifest. The artist, as the creator of this world, must make choices. Every brush stroke, key press or movement makes the world more solid, for better or worse. A single brush stroke in the wrong place can subvert or transform that world. Every choice is a doorway to another reality but beware, for every door that opens an infinite number of alternate doors close.

It is said that Michelangelo stared at a single 18-foot block of marble for four months. When asked what he was doing he calmly answered ‘sto lavorando,‘ (I’m working). Three years later that block of marble was the statue of David. Michelangelo held a belief that a sculpture already exists inside every block of marble. He believed that it was the sculptor’s job to chip away the superfluous, in order to free the idea inside.

Did Michelangelo ever feel afraid during those long months spent gazing at that virgin block of marble? I’m sure he did.

‘A sculptor is chiseling a statue out of a raw stone when he is asked “What are you making? Is it Ganesh? Is it Lakshmi? Is it a man? Is it an elephant?” He replied ”I do not know; there is already a statue inside and I am only removing the extraneous material. It will come out on its own!”’

You could describe the coping strategies of Michelangelo and Hergés as ‘subtractive’. Their creative process sets about revealing the idea by subtracting the extraneous white space.

Alternatively, Van Gogh adopts an ‘additive” approach by slapping on the paint, as carelessly as possible in order to avoid confronting the blank canvas at all.

Whether we choose to embrace or eradicate the white page, we must avoid becoming consumed by it. The blank page is a Mirror of Erised, reflecting idealised versions of our ideas back at ourselves, ultimately transfixing us into inactivity.

Ideas can be blinding and dazzling but they can also consume us. We should view them with caution; as a child peers at an eclipse through a pin-hole in a piece of card.

What will a high speed rail link from Manchester to London do for me?

Yesterday I read, to my bewilderment, that England is to get a high speed rail network. What will that mean to me? Mancunian’s can revel that their journey time to London will be cut by an hour! Well, half an hour because you’ll have to get yourself to Stockport first. How much will the luxury of this extra half hour cost? A mere £33 Billion! Let’s write that in full. £33,000,000,000!

According to the The Independent on Monday 28 January 2013, the tickets will cost us as much as £1,000. Other sources suggest that ministers have ruled out price hikes but given that it currently costs around £441 for a First Class Open Return with Virgin, we can bet that it will be at least 10% more expensive. So let’s recap. For an investment of £33 Billion and a 10-50% increase on ticket prices, we will get a half hour reduction in our journey time.

How long do we have to wait for this boon? What’s that? Twenty years!

As a self employed digital designer who works for clients all over the country, you might expect me to do a great deal of travelling? Actually, about 80% of the work I do is from my office. Mostly, my clients are happy using Skype and Video conferencing technology to manage projects remotely. Thanks to these technologies I can demo projects, make presentations, exchange documents and enjoy instant connectivity with remote colleagues without ever having to leave my chair. We only have to glance at the products emerging from the audio visual technology sectors to realise that these new channels of communication will play a big part in the future of commerce. Huge online gaming communities already exist and what’s more, our children are already engaging with them. As the internet and wireless networks continue to improve and the attitude of the general population towards technology continue to mature, the shape of our companies will evolve too. Why would a business suffer the overhead of a large premises when they could downsize and manage a high percentage of their staff remotely? We accept that the high street will have to evolve quickly to survive, why not business too? In a world where the consumer can scan a barcode with their iPhone and instantly purchase the item at the cheapest possible price, the high street must change. In a world where an HD video conferencing wall, could potentially double the size of a boardroom table and connect you to any member of staff anywhere in the world instantaneously, business will have to adapt too.

Of course physical collaboration will still need to happen, especially in manufacturing, but as technology and video conferencing suites become cheaper and a greater part of our lives is spent within these virtual environments, it will become more and more commonplace to conduct our business online.

Environmentally, as the price of fuel climbs the pressure to work remotely will increase too. As the cost of running cars will make it more expensive to travel, the radius we will be prepared to commute will contract.

If you think I’m beginning to sound like Arthur C. Clarke, can I remind you that twenty years is a long time and that even politicians would point out that investment in bringing high speed broadband to rural communities is part of this reality; although personally I think an improved wireless network infrastructure, would have been an investment in the future.

Maybe I’m just cynical but I continue to note with interest how little IT or computer studies is being mentioned in the current debate raging over the English Baccalaureate Certificates (EBCs) being introduced to replace GSCEs from 2015. Maybe a computer savvy workforce isn’t a good thing? If we all worked from home as self-employed sole-traders, what implications would that have on Her Majesty’s Revenue and Customs? It might make it difficult to pay for those high speed trains. You know, the shiny new trains, the ones with nobody on them.

Do you feel like an impostor?

Professionally, 2012 was an important year for me. Although it started slowly, about mid-way through the year, something changed. I became aware, that for the first time in my career as a Digital Designer, I had stopped feeling like a fake and was beginning to feel like I knew what I was talking about. My stuff began to look better, my clients seemed happier with my work, I was smashing deadlines and my normally manic workload actually seemed manageable. Best of all, I was less dissatisfied with my output, and more forgiving of its faults.

Looking back, I can’t put my finger on exactly what changed or what set of events or circumstances precipitated this shift of attitude but I can say for certain that I feel very differently about my career today, than I did a year ago. I no longer feel like an impostor! I may actually be the real deal!

To back this up, throughout the tail end of 2012, I found myself stumbling upon various articles and interviews featuring a diverse range of influential creatives. They all seemed to back me up with similar epiphanies of their own. It seemed like everyone creative (film directors, architects, broadcasters and musicians) had been through the same process I had gone through.

In his documentary, Sketches of Frank Gehry, Sidney Pollack makes an interesting point during an exchange over Gehry’s dinner table. He claimed that for the first few years of his career he felt like he was pretending to be a director. This feeling disappeared gradually until one day he woke up and shrugged “Hey I’m a director.” Gehry agreed enthusiastically, remembering his own lingering feelings of inadequacy.

So, I’m not alone, I thought. What is it that’s changed? Is it experience?

In the documentary The Promise: The Making of Darkness on The Edge of Town, Bruce Springstein draws a distinction between Creative Instinct and Creative Intelligence. The former you heavily rely on when you’re young. “That doesn’t feel right, try something else.” It’s only in later life that the Creative Intelligence allows you to pull the ace out of your sleeve.

frankbruce

This idea of Creative Instinct and Intelligence seemed to be reiterated by the American broadcaster Ira Glass. I heard a podcast in which he played a radio story he recorded after eight years in the business, as an experienced broadcaster. It was rubbish! Barely comprehensible. He then explained that in his opinion every creative person goes through a period in which there is a disconnect between their taste and their ability. Everything they do is short of the mark, and they don’t know why. That’s when most people quit. He believed that the only solution is to do more more. Paid or not. Keep going.

I was flicking through one of my old notebooks, when I re-descovered some of the notes I had made of a talk given by Joe Sparks, the American Flash animator during a Flash Forward conference I attending in Amsterdam in 2003. He casually remarked that the lead time for one of his Devil Doll and Radiskull animations was two weeks! It was as if I’d been given a unique insight into the process. I asked myself, could I have done the same in two weeks? Was he faster than me? It seemed like I had been given a yardstick with which I could measure my own skills. Why had this snippet of quite useless information been so important to me? I had even underlined the “2 weeks”. I rarely underline anything.

I think the final contribution to my enlightenment came thanks to a guest on BBC Radio 4’s Desert Island Discs programme. I didn’t catch their name, but given that they were talking to Kirsty Young, they must have been fairly successful in their chosen field. The guest confessed to sometimes suffering from “Impostor Syndrome”. What? Impostor Syndrome?

Impostor syndrome, sometimes called impostor phenomenon or fraud syndrome, is a psychological phenomenon in which people are unable to internalize their accomplishments. Despite external evidence of their competence, those with the syndrome remain convinced that they are frauds and do not deserve the success they have achieved. Proof of success is dismissed as luck, timing, or as a result of deceiving others into thinking they are more intelligent and competent than they believe themselves to be.
Wikipedia

Finally my condition has some legitimacy!

My blog, has always carried the strap-line “A Blagger’s Guide to Multimedia” because that’s how I felt when I first got into the business. I was winging it and flying by the seat of my pants. My self-confidence was far outstripped by my ambition. This ambition was enough to keep the momentum going, if I worked hard enough I didn’t need to worry about my self-confidence. So maybe I’m not a blagger after all. Maybe it’s time to design a new WordPress theme? Although, as I was copying and pasting the block-quote above, I stumbled upon another psychological condition that may prove more difficult to grow out of. The Dunning-Kruger effect.

The Dunning–Kruger effect is a cognitive bias in which unskilled individuals suffer from illusory superiority, mistakenly rating their ability much higher than average. This bias is attributed to a metacognitive inability of the unskilled to recognize their mistakes.
Wikipedia

Did this new found self-confidence come as a result of noticing these interviews and articles? Did the confidence itself, once acquired, somehow lift a veil that enabled me to recognise their importance? I don’t know. Either way, I don’t feel like an impostor any more and neither should you. If you’ve read this far, I’m sure you are going through a similar journey. Good luck.

We’re a funny bunch aren’t we? You, me, Sidney Pollack, Frank Gehry and the Boss. Take heart we are in good company!

Experiments in the Gaia Framework

I’ve recently discovered the joys of the Gaia Framework for Flash. It’s an awe inspiring framework designed to allow Flash designers or developers to rapidly develop really complex applications very easily. One of the best things about it is an adherence to accepted best programming standards. An application built in Gaia kind of takes care of itself. My current project features hundreds of videos and pages. Gaia managed to make short work of organising them all into something that not only solved the problem but also kept everything neat and tidy. I could preload / cache / transition and bookmark, pages, video, content, elements, everything! It implements swfObject, swfFit, swfAddress and Greensock automatically putting every library you could need at your finger tips.
It also makes you think about how you could use it in other projects. It is just made for presentations.

Next time somebody asks me for a Powerpoint presentation done in Flash. I’ll be using the Gaia Framework.

If you were putting together a presentation in Gaia you could build your slides first and bring them all together before the client has time to approve them. Leaving you free to do the alterations rather than finding yourself torn between finishing the application and polishing the content.

One of the best features of Gaia is the XML Scaffolding feature. You write an XML schema describing your application, import the XML into the Gaia panel in the Flash IDE and press the button. Hey Presto! All your Flash files, AS3 classes, symbols, swf, pre loaders, AS imports etc, all get built automatically.

I’ve had a few issues with open Flash files crashing the Flash IDE during a Gaia export but this has never really bothered me. It just encourages me to avoid putting code on any timelines. It’s all open source and free to use. The support and documentation on the website are second to none. Steven Sacks has done an amazing job.

Coding in your sleep.

Pithy words of wisdom, often appear mundane. So I’m going to be quick. The secret of successful coding is sleep.

I recently found myself in the hazardous situation of having too much work booked at the same time. My post-summer holiday bank balance allowed me to become seduced by the dark side. I counted that twilight world after 1:00AM as a friend. In reality the hours between 1:00 AM and 5:30 AM are cruel and the full of mischief. Time becomes distorted, decisions become unreliable. The walls between illusion and reality become a thin and fragile membrane through which errors of judgment can seep. When coding this can be dangerous. Sometimes it results in the odd harmless typo, here and there; easy enough to correct. Sometimes, it can lead to a full fledged haemorrhage.

It strikes me that our culture doesn’t much like sleep. I spent a few minutes trying to find pro-sleep quotations on Google and yet from the greatest minds and thinkers throughout history, it seems that sleep is rarely given the credit it deserves. Most references appear to offer the opinion that the fool / peasant sleeps while the genius works through the night. I remember hearing a labour politician talking admiringly about Tony Blair’s work ethic, indicating how impressed we should all be in the meagre two hours sleep Tony allowed himself when he was Prime Minister. Is this a good thing? Oh the irony, of John Prescott sleeping like a baby during a health debate at the Labour Party conference in 2005.

We all accept that healthy minds and bodies depend on a good night’s sleep and yet how often we feel compelled to push ourselves beyond comfort into late nights and fatigue.

Whether it be a result of capitalism or some kind of “propaganda without portfolio”, the reality is obvious. We cannot think clearly without sleep. Not only does our productivity and efficiency drop to very low levels as the night wears on but we are often robbed of the following day as well.

I almost lost a good client, not because I couldn’t do the work or deliver it on time, but because I was too knackered to programme properly.

So the next time you find yourself burning the midnight oil remember that a lot more than a deadline may be at stake. One all-nighter can ruin a week and if you are unlucky enough like me to have spent a week from hell vainly trying to repair the damage caused by decisions made during such a session, be warned, you may loose a lot more than sleep if you persist in burning the candle at both ends.

Flash on the iPhone

There may be times when it is essential that a Flash animation is available to users on Apple devices such as the iPhone and the iPad. Here is a technique that addresses this requirement using Google’s rather wonderful open source project Swiffy.

Firstly, your Flash movie should be no larger than 1MB and ideally exported for Flash Player 5 although Swiffy supports most of the AS2 specification. For those of you who don’t remember, you can do a great deal with Flash 5 and AS2. Probably a great deal more than Safari on the iPhone will allow us to do.

Under the hood, Swiffy processes the SWF file and generates a JSON file. A client-side JavaScript runtime loads that JSON file and renders it using HTML, SVG and CSS which is supported by Webkit-based browsers such as Safari running on Apple devices.

When you process your swf, Swiffy outputs an html page that you can place on your page using an iFrame. I know, I know an iFrame! However we’re only using our iFrame to serve alternative content to less than 5% of our visitors. There’s nothing for Google to index so it makes very little difference to the end user. I’ve added an alternative version to the header of this page, making the animation, podman cursor follower and all, viewable to iPhone users, for what it’s worth. It’s pretty clunky, probably only making 8 frames a second on my iPhone, but it’s a pretty complex multilayered animation, with lots of bitmaps and transparency. While the animation in the header of this page may not have been designed for WebKit, it could probably be optimised quite easily. A little trial and error goes a long way. Maybe I’ll follow this article up with a sequel.

Montage of motion

Here’s a montage of some of the After Effects, Motion, Combustion stuff I’ve done. I’m sure if Warren Zevon were still alive he’d be okay with me using Werewolves of London as a backing track.