Category Archives: Photos

Annotated Deep Zoom Arch of Constantine

Arch of Constantine 4 sides
In 315 AD Flavius Valerius Aurelius Constantinus arrived in Rome to see a six-story monument commemorating his victory over Maxentius, his rival, brother-in-law, and former co-emporer. The triple arch monument, now one of the world’s top tourist-photo spots, isn’t described or even mentioned in any ancient literature; the first modern reference to it is its appearance in 16th century etchings by Du Prac. Many detailed investigations of the structure show that it is more or less as it was erected 1700 years ago. The slightly odd part of that is the fact that most of the artwork on the arch was made for emperors who reigned a century or two before Constantine. That oddity makes the reliefs on the arch even more interesting to historians. These decorative and narrative reliefs are a bit of a puzzle, since they’ve obviously been carved, moved, recarved, and remounted. Problem is, the interesting ones are up mounted up high. Worse yet, you can’t get close to the base of the north side of the arch, so it’s tough to study their details. Many scholars of ancient Rome have an intense interest in the stories about Marcus Aurelius, Trajan, and Hadrian in the artwork on the arch. I’m one of them, and I have a long lens.

Technically speaking, it’s illegal to use tripods in Italian state historical parks. I’ve seen people using them around the arch and the nearby Colosseum at night without being hassled, but then I’ve been threatened with arrest for opening one in Pompeii. I chose to shoot the arch without one. Midday test shots showed ugly shadows so I shot at sundown, without a tripod, from a distance far enough back that I wasn’t looking up too steeply at the marble panels along the attic of the arch. I hand-held a 400mm lens on my 5D Mark II and concentrated on painting horizontal stripes across all four sides of the monument with the camera. It worked well, except a couple of frames were less than perfect due to camera movement or missed focus. I got greedy on ISO and didn’t want to go above 400.

I stitched the photos together using PTGui Pro, downsized it to about a gigapixel, and chopped the resulting images up with some C# code for consumption by the Silverlight deep zoom player or the Seadragon Ajax toolkit, which is what I’m using to display the zoomable Arch of Constantine with a point-of-interest overlay here. You can click a POI title in the list on the right side of the screen to zoom to that specific point in the image.

Look closely at the liberalitas panel and zoom in on the area just to the right of Constantine’s chair (where Marcus Aurelius originally sat before his head was replaced with that of Constantine) and you can see remnants of the foot of a now-missing person who once sat next to Marcus Aurelius/Constantine. That person was no doubt Commodus, the bad boy of Gladiator played by Joaquin Phoenix, who was assassinated and declared a public enemy by the senate, at which time his image was erased from most public monuments. Modern imaging technology and the murder of Commodus – what could be better.

Arch of Constantine - liberalitas relief
liberalitas

Remnant of foot of Commodus
Remnant of Commodus’s foot after damnatio memoriae

Whirled Neurotic Art Museum

Whirled Neurotic Art Museum

F(u,v) = SUM{ f(x,y)*exp(-j*2*pi*(u*x+v*y)/N) }

Slowing the Waves

Baker Beach Sunset

Baker Beach just before sunset. Four seconds with an ND 0.9 filter at f/22, ISO 50 to slow things down.

Burger Slot

Burger Slot

An odd juxtaposition of fast food advertisement and parking garage near Fisherman’s Wharf. The sign is on Beach Street. The business, In-N-Out Burger, is at 333 Jefferson Street, between Jones and Leavenworth. Open until 1 a.m. on school nights.

Your tomorrow is on the way

Your tomorrow is on the way

Sometimes I like vintage, and sometimes I just like old junk.

More Gigapixel San Francisco

Apologies to those who clicked links in yesterday’s gigapixel image post finding a non-functioning page. I had accidentally hard-coded a path to seadragon.com that became invalid sometime today. All fixed, and in the meantime I’ve uploaded about 50,000 new jpeg files.

San Francisco from Twin Peaks at night is small compared to the daytime image - a mere quarter gigapixel (about 5,000 jpegs as chopped for this image). I used the Canon 300mm f/4 IS lens at f/6.3 and varied the exposure times for the original frames from 0.3 to 0.6 seconds to compensate for the light decrease during the 15 minutes needed to shoot the all the photos in the set.

Golden Gate Bridge from Crissy Field is just over one gigapizel - about 25,000 jpeg files made from 120 photos from a Canon 5D Mk II with a 300mm f/4 lens. Zoom in to the bottom of the left end of the Golden Gate Bridge to see a guy standing in the Fort Point parking lot shooting San Francisco with his digicam. The second image below is a screen shot from the far right edge of the image, showing luxury homes in Tiburon, several miles away.

[Edit 5:40 pm. One more code change. Mousewheel now works again.]

Gigapixel San Francisco – Html Version

Last year I posted links to some large panorama images that used Silverlight Deep Zoom technology to show images with an overlay containing points of interest. Silverlight does this extraordinarily well but it appears browser plugins are being relegated to the world of business apps and b2b sites.

I’m rewriting the app behind The Eye Game so I changed the deep zoom section to serve up an html/javascript-only deep zoom player, complete with overlays. It uses the Seadragon Ajax code released a year or ago. The performance in Chrome, IE and Firefox is lame compared to Silverlight, but, hey, no browser plugin and it runs on an iPad – sort of. Since the iPad has no mouse wheel and interprets the sliding/dragging gesture differently than other computers, I had to add buttons, visible only if you’re using an iPad, to pan around the image and to zoom out (you can zoom-in by tapping the image).

The performance on iPad Safari and the Atomic browser is just acceptable, and it’s frustrating to be forced to use old technology user-interface (buttons – how passe) design to make a web page usable on the fashionable gadget. Nevertheless, it works; and is bound to get better soon.

I like Deep Zoom and related image technologies because they’re the closest thing a computer/gadget can get to looking at a huge print. This image of San Francisco from Twin Peaks started with about 280 photos from a Canon 5D with a 300mm lens. After stitching them together, I downsized the resulting image to just over one gigapixels. I then chopped that image into about 30,000 jpeg files that sit on my server and are pulled down as you pan and zoom around the image.

For this view of San Francisco, I’ve tagged a few points of interest, listed on the right side of the page. Click an item in the list and the viewer will pan/zoom to the location of the point and draw a red box around it. Not the slickest interface in the world, but, hey, I’m new at this html/javascript thing.

LauraIf you zoom in all the way, you can just barely make out Laura standing in front of our black door on the 9th floor, just over three miles from the camera. I didn’t make her a point of interest though; you’ll have to find her. She’s with Waldo.

The Infinity

The Last Steam Train Photographer

On this day in 2001, eighty-five year old O. Winston Link died. Link, in my opinion the most underrated photographer of all time, had a good eye and was a technical genius. In 1956 Link fired 42 Number 2 flashbulbs simultaneously for his meticulously lit Hotshot Eastbound in Laeger, West Virginia. Link heavily documented the last Class I steam railroad in America, the Norfolk and Western Railway, just before it transitioned to diesel.

 I nabbed the below shot at the Nevada State Railroad Museum in Carson City a while back. 

steam engine

SF BW Sq

San Francisco Black and White Square

I’ve uploaded some photos from a group of square black and white images of San Francisco clichés. I shot these for a San Francisco residential building. A couple hundred of them hang in its halls, and work rather well for that type of setting.


Backlit Bay Bridge

Bay Bridge Big Clouds

California Street Cable Car

Embarcadero at Night

Clock Tower and Ferry Terminal from Pier 14 at night

Full Moon Under Bay Bridge

SF MOMA

Painted Ladies

Golden Gate Bridge from South Tower

Cupid's Span and the GAP Building

San Francisco Shopping Center and Nordstrom

Hobart Building Photo

Presidio Housing

Muni F Line Streetcar

Financial District

Conservatory of Flowers

Embarcadero in fog

Coit Tower

SF MOMA

South Tower of the Golden Gate Bridge

The New (Old) Eye Game

I’ve been experimenting with ways to make a decent photo viewing experience that doesn’t require a lot of effort every time I post a new picture. Flickr is easy and has a huge community, but doesn’t let me build galleries of my own stuff. And it gives me no means of ordering my images. It also presents only a few image resolutions, none of which is right for my monitor size. Worst of all for me, the user experience involves a lot of clicking. To see an image in its highest resolution requires a few clicks, and then typically yields an image too large for the browser anyway.

63 PetalumaMy favorite multiple-resolution image viewer is Microsoft’s Deep Zoom technology. It’s much smoother than Flash-based multi-res viewing, but, as with Flash, Mr. Jobs says your iPad and iPhone are better off without it. Hardware platform wars have entered a new phase, with even more new operating systems around the corner, so for the forseeable future, I think browser-plugins are probably a bad idea for content of general consumer interest. I looked at javascript-based zoom utilities like FancyZoom, but found all of them to be aimed primarily at product shots. Lightbox and Shadowbox get a lot of praise, but seem to me to get in the way of the image browsing experience. Galleria and most of its ilk don’t seem to support my desire to resize images to fill the browser window. I probably could have used one of them and tweaked it, but past efforts at such tweaking suggest that starting from scratch is often faster.

graceIn the past I used static galleries, built in advance and then uploaded to a web server, like the Flash-based galleries built with Adobe Bridge. Flash makes for a nice user experience, provided you’re patient enough for it to load (“Skip Intro…”). Besides the slow load the static nature (recompile every time you add a new picture) of Flash-based image galleries, they typically don’t allow users to bookmark an image, i.e., the URL is the same for all pictures.

Greed is a bottomless pitThe Eye Game I’ve just begun to roll out is an attempt at a compromise between a bunch of conflicting goals. The image pages use java script to resize the images to the size of your browser window. This works on iPads and phones. Most modern browsers do a respectable job of resizing images, and a 1500-pixel-high image with light jpeg compression is still a reasonably small file. I’m also using some browser script to preload the images, so in most cases you won’t have to wait when you advance to the next image in a gallery. Galleries are dynamically assembled on the web server each time you view them, so I can upload a new image, specify which galleries it’s a member of, and you’ll see it instantly. A database on the server manages image metadata and the relationships between photos and galleries. I also let you search for images based on titles, descriptions and keywords, and view images by date.

Iris spuria (Limniris)Oddly, this approach is nearly identical to what I built for my photo website in 1998. The main difference is that I’m using much larger image files and my server code is a lot cleaner, now a straight implementation of the model-view-controller design pattern. Hey, it’s not fancy, but at least I’ll be able to add new images with only the effort of a file upload. And it’s maintainable.

Here are some starter image sets:

bump in the night
San Francisco at Night

Tychonoff's Theorem
Industrial San Francisco

To see photos I uploaded around December 8th, you can use a humanly readable url like this: http://theeyegame.com/Photos/2010/12/08. That will yield a picture index page showing forty photos in reverse chronological order with links to the following and previous forty images. Click one of the small images to see the large version.

I didn’t add a slide show feature because I don’t like them; it’s impossible to choose a slide timing value that works for all photos in a group. I hooked up your keyboard’s left and right arrow keys to the next and back buttons though, so you can easily move through the photos with those keys or even a remote controller.

Searches also yield pages with urls you can permalink. For example, a search on the term “night” gets the same result as using the url: http://theeyegame.com/Topic/night. I’ll be uploading lots of images shortly. Stay tuned.