Re: Gmail: A Behind the Scenes Video
In response to the GMail Behind the scenes video (see official GMail Blog for more details), my co-worker Lindsey and I decided to add our 10 second clip to the rest in hopes that ours will be considered for the final collaborative masterpiece. Only after quite a few trial and error attempts were we able to pull it off since it involved taking the Gmail M-velop (entering from the left) and dropping it into the computer monitor; only then to swipe it away off the screen (exit right).
With a little help from YUI’s Animation utility, it was rather simple as such:
YUI Animation M-velope
YAHOO.util.Event.onDOMReady(function() {
var h = YAHOO.util.Dom.getViewportHeight() - 1; // subtract a pixel so we don't get scrollbar
var w = YAHOO.util.Dom.getViewportWidth() + 590; // add width of M-velope
function f (e) {
var Anim = new YAHOO.util.Motion('envelope', {
points: {
by: [0, h]
}
},
0.75,
YAHOO.util.Easing.bounceOut
);
Anim.onComplete.subscribe(function() {
window.setTimeout(again, 1000);
});
Anim.animate();
function again (e) {
var Anim2 = new YAHOO.util.Motion('envelope', {
points: {
by: [w, 0]
}
},
0.5,
YAHOO.util.Easing.backIn
);
Anim2.animate();
}
}
window.setTimeout(f, 200);
});This essentially enabled us to produce this wonderful piece. Go ahead, have a look see here at our Youtube clip: Lindsey and Dustin pass the M-velope.
Nevertheless, I still find the Making of the M-velope drop much more entertaining. Cheers!
August 9th, 2007 at 7:13 pm
Hehehe, that’s cool Dustin!
August 9th, 2007 at 8:27 pm
sorry dustin i want to see your youtube clip but youtube is blocked in thailand.any other link where i can see
August 9th, 2007 at 11:54 pm
Amazing :)
August 10th, 2007 at 1:23 am
I like it, I like it lots!!
August 10th, 2007 at 3:37 am
Awesome!! but then again I’d expect nothing less from you :-)
August 10th, 2007 at 8:40 am
Hahaha, that's hilarious. Best part is that you used YUI for a GMail video. And, man, I wish I had that large a screen for my Mac, makes my iBook 14" look puny.
Long live cross country running Javascripters!
August 10th, 2007 at 1:26 pm
Nice work!
I am soooo jealous of your monitor.
We had a similar idea: http://www.youtube.com/watch?v=hVsxOxE_F1s
August 12th, 2007 at 10:45 am
sorry guys , is their any other way of watching this clip as youtube is blocked here in thailand, i try to use anonymizer still not work. Any ideas
August 12th, 2007 at 11:35 pm
Nice vid dustin - not so pretty are ya ;)
with regards to the guy trying to view from thailand:
first you gotta get yourself an flv player such as >> http://www.flvclick.com/
then go to >> http://www.kissyoutube.com/watch?v=V-xWMN5GrC0 ( vars after watch? takes you to dustins vid on youtube), download it and make sure to save it as .flv.
Then open it with the flv player, hey presto.
have fun
August 14th, 2007 at 1:26 am
thanks ray now i can able to see youtube videos
August 14th, 2007 at 1:43 am
Great idea. Excellent method. Fantastic facial expressions.
August 21st, 2007 at 11:10 am
HAHA that’s pretty cool, had to watch it a few times… A bit like a magic trick, well done.
August 22nd, 2007 at 7:45 am
Dustin the videos are too good
awesome.
August 23rd, 2007 at 1:51 pm
Dusting I agree with others it’s really cool!
August 24th, 2007 at 3:30 am
really cool man , where you get this idea.
August 24th, 2007 at 3:38 am
any other way that i can watch your clip.in thailand you tube in banned