This is a small demo. Please note: this works (properly) only with HTML5 compliant browser – such as Safari on a Mac. It works on iPad2 (i.e. Mobile Safari) but it does NOT work with iPad 1st gen. nor iPhone (except – I was told – it does work with iPhone 4S) – due to non-optimized media and subsequently high processing load. Thats’ why it is called a demo i.e. it is not a finished product – it doesn’t have to be perfect… 🙂
I have been presenting it couple of times now (in different formats) when I have been talking about the possibilities of visual storytelling and multimedia – and the question always comes: “How the hell did you do that…?”
I also want to dedicate this post to my good friend Peter “Hopper” Stone, who is working in Hollywood / LA and who has been getting into this. I showed him this when I was working for it couple of weeks ago and I promised to write a blog post “one of these days….” Sort of quick tips / pointers as what to take into account when doing something like this. Well, it’s been couple of weeks instead of days – sorry about it, dude – but here we go.
Basically, when you shoot panoramic images you shoot several images, typically with an extreme wide-angle such as 8mm/15mm and stitch them together with a specific stitcher program. I use PTGui – professional and yields excellent results but I have to warn you: it does have a learning curve.
360° degrees is very easy – but when you add the other dimension i.e. 180° vertical, it gets a bit more complicated. You typically also shoot so-called Zenith (totally up) and Nadir (totally down) images which you include into your project. The most important thing is that the camera rotates around so-called Nodal point – which is the one point within the lens where all the beams of light cross. You could call it “an absolute zero” inside the lens if you want. You either have to know this point or you have to know how to measure it (it’s not that hard, I might write a post describing it one of these days), typically it is done with either a laser or e.g. aligning several spotlights on an imaginary line and calibrating your camera with them.
When working in tight surroundings – such as inside a car – knowing the nodal within +/- 1mm is crucial. Outdoors it is much more forgiving. It all comes down to what is called the “parallax-error” ie. in neighboring images objects which are near align differently to objects which are far away, if the camera is not rotated around the nodal.
To present a panorama, flash (as in “programming language”, not as in “strobe”… 😉 ) is typically used. QTVR used to be common, but it is dying. The most modern way of doing them is HTML5 3D transformations (which is used here). It has it’s problems but also advantages – the most important of which is that i plays in iDevices. But problems include that the majority of browsers are not HTML5 compliant – yet.
Well, that’s the basics as briefly as I can present them. Add a helicopter and it becomes a bit more complicated… 🙂
The client asked me if this could be done. I said “sure, no problem”.
What they did NOT ask me was “Do you know how to do this?” Thank God, because I had no idea… But I think I figured it out.
Obviously, the problem is “how to rotate the camera around the nodal” when flying c. 400ft above the city of Helsinki. I thought about it for a long time and came up with two solutions: you either get the camera under the chopper in some sort of rigging and rotate it there (or you go yourself under the chopper witht the camera (hmnnn… no, I don’t think so…) ) – or then you rotate the chopper.
I did both – and both worked – but the demo presented here is done with rotating the camera. The Zenith is shot on the ground and the Nadir (which was not actually used on this example) by asking the pilot (Rene Koivisto – what a great pilot to work with!) to slide the chopper sideways so I could get the ground below – and then I corrected the image for perspective in post. If you are shooting straight down from c. 150m you can pretty much forget the parallax (unless there are tall buildings right below you) because the scenery under you is basically 2D.
For another image (not presented here) I did ask the pilot to turn the chopper around while I was shooting (we had removed the door) and I asked him to try to rotate around the spot I was shooting from. It worked…but it was pretty nerve wrecking as there was 12-15m/s gusts of wind in that height and being sideways to the wind was not easy.
Goes without saying that there are lots of factors which have to be taken into account and which can go wrong.
Start with the fact that it’s cold and windy up there with no door. You cannot attach the camera under chopper beforehand (as the chopper is standing on ground). You cannot use radio control on the remotes. Each piece of equipment has to be secured – yourself included. I wore a climbing harness and all the equipment was secured with climbing runners. You don’t want to drop any gear on somebody’s head 200m below you… might ruin his/her day, not to mention your equipment…
I ended up using a carbon fibre sound pole (Gitzo) onto which I attached the camera with cable remote. It was lightweight to handle and the locks are solid and reliable – plus you could set a security leash inside of it. Trouble is: extended it is c. 5 meters. And if you have ever been in a four seater chopper…. it’s kind of tight quarters, you know 😉 .
So you have to extend it when airborne – and make sure you have properly measured the security leashes, the remote cable etc. Even more challenging is collapsing your rig – as c. 1m above you are the rotor blades turning and keeping you in the air – and you do not want to touch them with your rig.
To make things more challenging still: you work with gloves on (it’s cold) and you have to secure the runners, the cable, the focus ring, even your safety belt with tape. You manipulate your rig with two hands. Thus, you need a third hand to trigger the camera. I used a sort or makeshift thing between my knees – but a release switch operated with your teeth would have been great (same kind of things as parachute shooters use).
You worry about shake, vibration from the chassis, exposure, adequate shutter speeds, leveling with the horizon, focus, not breaking your equipment when you are setting it under the chopper, not falling out yourself, not dropping anything…
Basically, you are worried and scared beyond belief… at least I was. It’s not that my hands were shaking, it was my legs doing it. Seriously.
Sure, in an optimal case – theoretically -I would have had an assistant next to me checking the focus, exposure, horizon level etc. with an iPad… Well, this time was not optimal… 😉
(For those of you who have manage to read this far….)
The most interesting part for me of this demo is the presentation: it’s pure HTML5, which means no flash. Not in the panoramas, not in the presentation with animations/transitions as a whole.
But this comes with a downside: you have to view it with a compliant browser as I mentioned in the beginning. If you are on a mac, just use safari and you’re okay. Windows: Google Chrome at least, don’t know about the IE9 etc.
It is also iPad compatible. But: as these panoramas are not optimized for small processors, I realized that e.g. my iPad 1st gen. did crash constantly.
BUT: IF you own a iPad2 I (or iPhone 4s) urge you to try it out.
It’s turned into a web app, so if you save it to your home screen, you notice the button and the fact that there is no safari navigation bar.
The panoramas also have a gyroscope function built into them. So: you can manipulate them with controls, with your finger… or by just tilting and turning your iPad. I was personally blown away when I saw this….
But then again, I really do not know anything about programming. No, this is not brilliant, it’s not multimedia – as I said, it’s a demo.
But I just think it looks kinda cool…. 😉 ?
I was happy (and proud) to notice I made it to Rob Galbraith’s great website. He said I did not mention how I erased the helicopter. I did but maybe not clearly enough: the image straight up is called Zenith and it is shot after landing the chopper. Blending it together with the rest of the images was not hard at all as the sky was uniform blue.
Also – as I started to make explanations 😉 – the image with the chopper was not intended for the client in the first place. Thus the stitching is not of the precision it should be in this image.