Show & Tell


11
Mar 11

Show & Tell #7: HTML5 Games & More

This is a continuation of Show & Tell #7′s round up. Check part one here.

HTML5 Games

So where are the HTML5 games? I thought the “Flash-killer” had arrived?

Actually, there have been some cool HTML5 based games knocking around recently. These are mostly proof of concept games though, and nowhere near the level of Zombie Tycoon etc. Come back in 10 years for that.

Here are a couple of nice ones though that are worth a look…

Pirates Love Daisies

Actionscript legend Grant Skinner was commissioned to create this one for Microsoft’s IE9 Beauty of the Web campaign. It’s a classic tower-defense game but some nice touches in there. Most interesting is Skinner’s EaselJS Javascript library that makes the HTML5 transition easier for people from a Flash background.

canvas-riderCanvas Rider

An update to the classic Line Rider for the HTML5 era. very nicely done.

008 Ball Agent 008 Ball

Really like this one. The game premise is bollocks but the attention to detail and the implementation of physics in a JS game is impressive.

One that’s been grabbing headlines this week is URL Hunter. This game is unique in that the whole game takes place in the address bar of the browser. Obviously, it has much more appropriate applications but this is a pretty inventive demo of how HTML5 exposes the browser history via an API. Access to this API should help as we see more complex sites and web-apps that require stateful behaviour without a new page request. 

Hadouken!

 

Wallaby

Another headline grabber from Adobe this week was the launch of codename ‘Wallaby‘. In a nutshell, Wallaby takes a Flash file (.fla) and converts it to a HTML5 version. It’s not quite a magic bullet yet as there are some pretty major features that aren’t supported yet but it shows some definite promise. I’ll hopefully do some experiments myself and report back.

 

Motion Graphics Design Lecture

We also had a chat about the Motion Graphics Design lecture that I’ve covered in detail already here, check it out.

Follow Shane on Twitter: @shane_casey

11
Mar 11

Show & Tell #7: Mission to Molehill

i can has hardware accelerashun?Here’s a run-down of what we covered last night. It’s link heavy so you’ll find lots more info if you go exploring a bit more. If it doesn’t make sense shout out in the comments and I’ll catch you up on anything you missed.

 

Molehill

This changes everything. Again.

This week Adobe released their pre-beta (they call it an ‘Incubator’) release of what will eventually be Flash Player 11. Codenamed ‘Molehill’ it caused massive excitement at Adobe Max (see previous Lab post here) and it’s making waves all over again because now we can play with it ourselves. So if you’re feeling adventurous (this is pre-beta software remember, I’m taking no responsibility if your machine melts down), download the Incubator Flash player and join in the fun.

If you’ve already got Flash Player 10.2, you should already be seeing performance boosts on video sites such as YouTube and BrightCove thanks to the new StageVideo API. StageVideo hands off the processing of video to the GPU so there’s less strain on the CPU. Get it? If not, trust me on this, utilising hardware acceleration like this dramatically improves performance. PixelBender was a start, and 10.2 continues this approach.

Molehill is taking the focus on improving performance on to the next logical step, 3D. You can see the performance in this video with some pretty hardcore environment mapping and interactive reflective surfaces.

If you’re playing along at home, you can try out the rippling water and the reflective figure yourself.

One of the areas that I’m expecting to see some really exciting innovation is in web-based gaming. The Max Racer demo that I featured in the previous post looks really incredible and I love this one… Zombie Tycoon.

3D gaming in the browser has come on loads in recent years, the main players being Unity3D and Shockwave (and possibly Virtools) but they’ve all struggled to gain widespread penetration. Others like Quake Live have developed their own bespoke browser plug-ins that have some pretty impressive performance but have stubbornly remained stuck in their niche. Flash has lagged behind with 3D performance but Molehill has changed all that. Combine that with Flash’s 99% penetration and super-fast upgrade adoption and you’ve got a perfect storm for game developers.

If you fancy playing with some more demos, check out Lee Brimelow’s collection of links to lots more cool Molehill demos. Hours of fun!

This is a part one of Show & Tell #7′s round up. Check part two here.

Follow Shane on Twitter: @shane_casey

24
Nov 10

Show & Tell #5: The Final Frontier

So much to cover this week… we started with Marine’s animation presentation and here’s the rest of the news…


Google Vs Facebook… again

As Russell pointed out, we spend a huge amount of time at Show & Tell talking about Facebook. The truth is though, with a user-base of 500 million and some of the most aggressively pursued ambitions in the sector, it’s impossible to ignore the moves they make.

In a lot of ways, Facebook is shaping up to be the new Google. Recent statistics have shown people are spending more time accessing the Internet through Facebook than ever before and, as ever, the marketing spend follows the crowd. For advertisers, targeted marketing is where the smart money is and Google and Facebook are natural competitors in this space. Google CEO, Eric Schmidt, put it well when he said “We know where you are. We know where you’ve been. We can more or less know what you’re thinking about.”. Google has unparalleled information in profiling our behaviour online, but with Facebook becoming more and more people’s portal to the wider web they’re building valuable data to add to their existing knowledge of the Social Graph.

Last week Google announced they were cutting off Facebook’s ability to import Gmail contacts, calling Facebook’s system a one-way street of data – Facebook encourage users to pull contact lists from all the major email providers to find your contacts, yet they don’t allow you to do the reverse and export a list of your Facebook contacts. And Google have a valid point about Facebook’s hypocrisy; we’ve seen the exact same move when Facebook shut down Twitter’s ability to find contacts through your Facebook profile. Not only that, they do allow certain partners to access this data – just not their users.

Facebook messaging

All of this was precursor to Facebook’s big announcement at … that they’re rolling out @facebook.com addresses to their users. However, this isn’t just email – the new Facebook messaging combines email, IM & SMS communication into one conversation. The idea is that we shouldn’t have to try to figure out what communication method to use when there are so many available. Send a message through Facebook and the recipient can set their preferred mode and your message gets automatically routed to mobile phone or inbox for you.

Sound good to you? Me neither. This really feels to me like Facebook are solving a problem that doesn’t exist – except for them. More data = better advertising revenue for Facebook and they know that any communication out of their ecosystem is lost to them.

The blogosphere has been full of the same ‘Gmail killer’ narrative that fits so conveniently with all of the recent clashes between Google & Facebook. Gmail is the most rapidly growing email services, mainly because it’s excellent. Google were the first to set virtually unlimited storage limits and threaded email conversations have spread from Gmail to other email systems the way tabs did to browsers. My problem with the notion that Facebook mail will damage Gmail is that they’re different user-bases – the average Gmail user is the more tech-savvy email user while Facebook’s demographic trends toward students, teens and “soccer moms”. Facebook does infringe on Google’s data monopoly but realistically I expect to see more of an impact on Hotmail and Yahoo!’s numbers than Gmail’s.

It remains to be seen whether Facebook can attract people to their system as their primary email provider but I’d predict the real market is the under-20s. If you haven’t left school or university yet, odds are that most of your communication will fit quite easily to the channels of your existing social graph through Facebook. But the real obstacle is the corporate perception of Facebook as a time-waster, not a productivity tool. Huge numbers of workplaces block Facebook and realistically that will make an @facebook.com email address unworkable for millions of people.

Personally, it’ll be a cold day in hell before I’d have any sensitive information dependent on Facebook. How long will it be until Zuckerberg decides that email privacy is something only old people and squares worry about and exposes everyone’s inboxes to 3rd-party marketing?

iAds

Another regular topic for us is Apple’s iOS platform. This week we had a look at the Apple’s iAds system that allows full-screen, interactive, HTML5 ads right inside an app.

Launched with iOS4, the iAd platform is Apple’s first foray into the advertising market and yet another front in their ongoing war with Google (spotting a trend?). Check out this video to see what they can do…

Essentially you can build an app inside an app. iAds give huge scope to advertisers to do create interesting engaging content, capture data, play video and more, without having to kick the user out of the app to the browser.

So, where’s the catch? Well, first off there’s the 60:40 split with Apple. That’s right, 40% of all advertising revenue through their platform goes to Apple and the remaining 60% to the app developer. And as ever, Apple retain final control over the ads served on their platform and that’s ruffled a few feathers.

Last month Adidas cancelled their $10m campaign, with sources quoted as saying “Apple CEO Steve Jobs was being too much of a control freak.” Earlier in the year, Chanel also pulled a similar sized campaign from the network for similar reasons. Apple claim to have signed up over half of the top 25 of the top advertisers but it remains to be seen whether this the Adidases and Chanels they lose are worth losing to maintain that high-quality ‘Apple experience’.

#IAmSpartacus

“Crap! Robin Hood airport is closed. You’ve got a week and a bit to get your shit together otherwise I’m blowing the airport sky high!!”

That was the tweet that (five days later by the way) was picked up by the authorities and led to the eventual arrest and trial of Paul Chambers in what’s become known as the ‘twitter joke trial’. The judge however, didn’t see the funny side and viewing it as “clearly menacing” has resulted in Chambers losing his job, a criminal conviction and fines and legal costs of over £3,000.

The twitterverse, predictably, has erupted in outrage over the ruling. 1,000s have retweeted and made their own similarly ridiculous threats using the hash-tag #IAmSpartacus in Kubrickian solidarity. Stephen Fry has offered to pay Chambers’ fine and numerous fund-raising efforts.

On a similar note, a Chinese woman who retweeted a satirical call to attack the Japanese Pavilion at the Shanghai Expo was summarily snatched up by the Chinese authorities. She’s been sentenced to a year of ‘Re-education Through Labour’ by the Chinese authorities, which I’m sure is every bit as scary as it sounds. As if being sentenced to a year’s hard-labour without trial wasn’t bad enough, she was arrested on what was supposed to be her wedding day and no-one knew what had happened to her until this week. Let’s see how many tweets this story gets.

Surrendering control

And finally, we watched this TED talk about Mr Splashy Pants the whale.

It’s a great story about the importance of realising you can’t control the Internet. The web is by its very nature distributed, anarchic and organic. Putting your message out online requires a certain amount of faith that your message will survive, no matter what social networks do with it. This is a scary prospect to any brand but it’s a core part of any viral success.

Follow Shane on Twitter: @shane_casey

22
Nov 10

Animation in Advertising

Editor’s note: It was an epic Show & Tell this week. The first part was Marine’s presentation on the use of animation in advertising. Stay tuned for part 2 with all the rest of the headlines and discussion.

I have a certain passion for animation and whilst doing some research on the use of animation in advertising, Here are a few great ads that I thought I would share with you. I was really struck by the fact that animation is actually a very efficient element/tool for brands that wish to communicate. In fact, animation develops consumers’ imagination, it can be adaptable and become top of mind in consumers’ mind and has also a strong capacity to touch an audience by approaching serious matters in a sympathetic way…

Enough about the theory, here are three ads I have chosen to share:

Amnesty International: Signatures


The first one is an ad done by TBWA for Amnesty International called “Signatures” which speaks from itself, which I found stunning and moving just by using a nice stylish illustration. When interviewing the artistic director Stéphane Gaubert he explained that their choice went towards black and white animation because they thought a simple but fresh illustration would have a great impact on people’s mind, reaching their sympathy. In terms of results the charity got great reviews with 600,000 views on YouTube and €1.8 millions of free diffusions and press articles.

AIDS: Zizi graffitis


The next ad is also one from TBWA for AIDS this time called “Zizi graffitis” which is really sweet and funny. When I interviewed Ingrid Varetz, the creative director who worked on the ad, she explained that animation was the base of their concept, she said “it seemed to me appropriate to use sexual graffiti which is usually found in schools in order to talk to the youth and encourage them to wear condoms. The results for this ad were amazing with 1 million views in a week, 8.5 millions in September so for those who will tell me, this ad is so French, I say, ‘well it worked!’”

Now another way of approaching the same subject but in a very different direction and I personally didn’t like it at all but I will let you judge from yourselves. I just thought it’s a bit wrong to associate mass murderers with people who are HIV-positive http://www.youtube.com/watch?v=PnQLClo9sME&feature=fvw

Facebook: Unfriend Coal


The last one I would like to share is an ad from Greenpeace which came out strategically a few weeks before the film “The Social Network”. Light, funny and entertaining it shows you how Facebook’s creator is not doing the right choice by using coal instead of wind farms.


23
Sep 10

Show & Tell #3: With a Vengeance

Show & Tell yesterday covered everything from blancmange to viruses so let’s get stuck in and re-cap some of what you missed…

Are you human? Have you been paying attention to our ad?

First off was a novel solution to “banner blindness” from the clever folks at Solve Media, called TYPE-IN. Skyscrapers, MPUs, leaderboards – standard banner formats are all so played out at this stage that we don’t even see them when browsing the web. TYPE-IN forces the user to actually process the ad before they continue.

They’ve put together a lovely animation that explains the concept nicely, check it out.

Sure, it’s much more aggressive than a standard banner and places a barrier between the user and the content but we’ve seen time and time again that users are willing to tolerate interruptions as long as they’re getting something in return. Solutions like this could be a step towards solving that pesky paywall problem.

Following on from that we had a brief discussion about the “Captcha” technology that TYPE-IN is based on. ReCAPTCHA is an initiative from Google in their quest to digitise (and index!) the world’s books – one poorly scanned word at a time.

Oh, the irony

What’s cool about it is that of the two words shown to you, one is giving their character recognition software problems and by typing them in you’re helping preserve knowledge. I guess humans still have a purpose after all.

Google Instant

Speaking of Google, the search giant has been making waves again this week with the introduction of their latest feature – Google Instant.

Not content with suggesting what you’re trying to type, Google has taken it a step further and is now performing searches for you as you type. The technology behind indexing all that information and serving it up faster than you can type is impressive, to say the least.

The experience, however, I’ve found to be at best distracting, at worst damn irritating. Charlie Brooker put it better than I ever could:

“It’s the internet on fast-forward, and it’s aggressive – like trying to order from a waiter who keeps finishing your sentences while ramming spoonfuls of what he thinks you want directly into your mouth, so you can’t even enjoy your blancmange without chewing a gobful of black pudding first.”

Whether you find it a time-saver (really? that busy?) or irritating, there are bigger considerations here too. Google’s drive to predict what we’re looking for can have only one outcome. The most popular search results appear more frequently and higher up meaning search results will get ever more homogeneous and dominated by the larger players (read: payers). Even “God” comes second to “Godaddy” now in Google Instant search results.

Praise be to GoDaddy

In other search news – Yahoo! search is now powered by Microsoft’s Bing search engine – putting Bing up to 28% of US market share. Not too shabby.

Once a giant among search engines, Yahoo! have said this move will allow them to focus their efforts more on the direction they want be developing the company in a last-ditch struggle for relevance. If only they could get a bit more crap on their homepage, it might all turn round for them.

Another one that slipped quietly into the ether this week is Cuil. Once heralded as the “Google-killer”, Cuil’s search results were so bizarrely unrelated that the Cuil has now become the Internet’s unit for measuring abstraction from reality. Do yourself a favour and read what I’m talking about here. Hilarious.

Greplin: The missing element in search

So as one star fades, another is rising. As more and more of our information is stored in the cloud, there’s no central point for us to find what we’re looking for. How often have you thought to yourself: “Now, where did I see that? In my email? Or was it on Facebook? Twitter?”

Enter Greplin. Greplin fills a gap in the search space that amazingly no-one has previously addressed: personal search. Create an account on Greplin and you can add all your favourite services for it to index. Gmail, Google Docs and Calendar, Dropbox, Twitter, Facebook, EverNote, BaseCamp and more are supported already and I’m sure more services will be added.

One handy search bar will let you find what you’re looking for, quickly and easily.

Your passwords stay secure, as the site uses OAuth, the open authentication protocol, to allow access to your data but not your log-in details. OAuth is going from strength to strength (all Twitter applications, for example, now have to use OAuth and Google are looking at adopting the protocol across their services) but to index your data, Greplin still has access to your data. Not sure how the security and privacy issues here will pan out yet but they seem to be approaching it the right way.

Developed by an 18 year-old, Greplin is already looking good to make a huge impact on the web – having already secured $700,000 in venture capital. It’s in private beta at the moment but create an account and they’ll notify you when they let you in.

Twitter virus

Other big news this week was the world’s shortest ever virus, spreading itself like wildfire across Twitter. On twitter.com a vulnerability was reintroduced that allowed users to post Javascript to their Twitter feed which would activate when one of their followers rolled over the malicious tweet.

Thankfully, Twitter’s tech team closed the hole within a few hours but even the White House’s Twitter feed fell prey to it. Most abuses of the vulnerability were pretty harmless but it was an embarrassing lesson for Twitter to learn.

Adobe built apps on iPhone

And finally, Apple announced a dramatic relaxation of their app approval terms, allowing apps developed on non-Apple software to be approved.

“We have listened to our developers and taken much of their feedback to heart. Based on their input, today we are making some important changes to our iOS Developer Program license in sections 3.3.1, 3.3.2 and 3.3.9 to relax some restrictions we put in place earlier this year.” (Full statement here)

Apple famously pulled the rug out from under Adobe, 3 days before their launch of CS5, including the Packager for iPhone feature of Flash CS5. We wrote about it here back in April and I’m glad to see this unexpected reversal from Apple. It’s still not Flash on the iPhone but giving developers the freedom to use their tools of choice and utilise their existing expertise can only be a good thing.

Russell and I are off to Flash on the Beach next week and I’m sure we’ll see lots of happy faces there after this announcement! We’ll definitely have lots of cool stuff to report from there too, so watch this space.

See you at the next Show & Tell!

Follow Shane on Twitter:
@shane_casey


8
Sep 10

Show & Tell #2: The Return

Seriously, braces are cool now.

Seriously, braces are cool now.

Show & Tell number 2 last night and once again there was lots to talk about. Things move fast out here on the bleeding edge.

Here’s a quick recap of the main talking points…

The Wilderness Downtown

First off was a more detailed look at Arcade Fire’s HTML5 experiment that’s sweeping the web like wildfire: The Wilderness Downtown. Rob’s already discussed it here but we had another look at all of the cool features that are going on under the hood.

Very cool stuff and an impressive demonstration of just some of the things we can expect from HTML5. It’s particularly interesting too in how the associated indie cool of Arcade Fire has managed to punch through to people not even remotely in the technology behind it and engage them.

Typekit

Next up, and following on from the HTML5 discussion, we had a look at Typekit. Typekit, in a nutshell, is an easy, cheap and reliable way of using any of a huge selection of fonts in the browser in a semantically correct, machine-readable, cross-browser compatible way. Whew!

Adobe have recently joined the list of type foundries already serving their fonts through Typekit and the addition of popular Adobe fonts such as Myriad Pro, Minion, Garamond Pro and more is big news for the future of web typography. We’re already using Typekit on the game we’re about to go live with for Microsoft (watch this space…) and on other projects currently in development. So far, it’s been a treat to work with and it’d be fair to say this will be an increasingly frequently used tool for us.

Hack is Wack

Also in the news this week was Symantec’s Hack is Wack Asking users to upload their videos on the topic of cyber-crime may as well be a gilt-edged invitation for some Rick-rolling. Et voilá!

It’s all fixed now but it does pay to be wary when trying to harness the wild beast that is user-generated content.

:)


Mappiness

Nick’s app du jour is a nice little experiment from LSE that helps chart where and when in your day you’re at your happiest. Over time this builds a picture of your moods and also feeds into open-data for others to use in their own mash-ups.

Not an obvious fit for economists you might think, but maybe focusing on quality of life, rather than just material wealth, will help increase our Gross National Happiness.

Google’s balls

Google decided to mix it up a little that day too with some fancy-pants Javascript to turn their logo into an interactive, mouse-avoiding animation. Check it out in action here.

A load of balls?

Opinion seems pretty divided on what the point was… celebrating their birthday, showing you if your browser is out-of-date, a subtle dig at Flash or just those crazy Googlers being wacky.

Next one in a couple of weeks so let us know if you see anything cool and noteworthy.


27
Aug 10

Show & Tell #1: Facebook, anti-Facebooks and cool hardware

"...and then I put it in the bin"

"...and then I put it in the bin"

Had our first digital Show & Tell last night and it went down a storm. Thanks to everyone that made it along – hopefully you all found something interesting in the mix to take from it.

For those that missed it, here’s a quick list of a few of the topics of discussion that we went through and associated links.

Continue reading →


Blog WebMastered by All in One Webmaster.