Gray Matter
Theodore Gray, author of our own Gray Matter, turned the periodic table into one of the most stunning (and popular) applications for the iPad. Here, take an inside look on what brought it from fantasy to reality in 60 days

Bismuth Theodore Gray/Nick Mann/The Elements

Every once in a while things just come together to make you realize that you'd be an idiot not to put yourself through hell in pursuit of an impossible goal. That day arrived for me on January 27th when Steve Jobs announced that the iPad would be shipping 60 days hence.

After some deep soul searching for about 60 seconds, I decided that I had the chance to create something quite remarkable, and just maybe do it better and faster than anyone else in the world. More specifically that I had a chance to take my recently published book, The Elements: A Visual Exploration of Every Known Atom in the Universe, and turn it into a book that Harry Potter might check out of the Hogwarts library.

I wanted to make Harry Potter's magic books a reality, and do it in 60 days flat. Here's how we pulled it off.


Electronic publishing, including books, magazines, and newspapers, was a big part of the announcement of the iPad. I knew that some of the biggest media companies in the world would be racing towards the same goal I was, trying to come out with the best, the most talked-about, and the most fun new kind of electronic publication, and get it done and shipping in the App Store the same day the iPad started arriving in people's hands. Even my friends at PopSci were showing signs of iPad fever, so I knew they were on the scent as well, though Apple's strict secrecy rules meant that I couldn't talk to them and they couldn't talk to me about what we might or might not be working on.

Creating a really good e-book, one that doesn't just reproduce the limitations of paper in electronic form, requires a lot of raw material that isn't part of the traditional paper publishing process. Harry Potter's books look like normal books, with pictures and text mixed together on the page, but all the pictures do something. Pictures of people move and talk. Pictures of objects pop off the page and let you see them from all sides. Pictures of events show you the action, not just a static scene.

To do that for real requires not magic, but media: Video, computer simulations, 3D virtual objects, and so on. The kind of media that is usually very expensive and time-consuming to create. The hardcover edition of The Elements includes over 500 photographs of objects representing the complete periodic table, and to make a proper Harry Potter version of the book, every one of those 500 objects would need to be able to spin around in 3D, because, well, that's what magic objects do.

This brings us to the first secret sauce I knew I had on my side in the race against everyone else pulling together their own iPad apps. Together with my photo partner Nick Mann, we had already photographed every single one of those objects around a complete revolution on a turntable, taking 720 15-megapixel shots for each object. The hardcover edition contains over 500 single images, but they are drawn from a library of 350,000 images that show every object from every viewpoint. (Actually, truth be told, our library is much larger than that, closer to a million photos, because those 500 objects are just a selection of all the objects we have photographed. We have literally worn out the shutters on half a dozen high-end cameras building this library.)

So we had the raw material to create magic objects, but it's no small thing to turn a terabyte of raw images into a packaged app where you can interactively rotate 500 different objects, each a different size and each positioned uniquely on the page and rotated to a pleasing default orientation when the page is first displayed. PhotoShop and InDesign just don't support that kind of page layout of magic objects, and neither does any other standard tool.

Fortunately the second secret sauce I had on my side was Mathematica, an application I've been working on since 1988 at Wolfram. Mathematica is best known as a technical computing platform, but it's really much more than that: It's by far the best tool to use when you're faced with a problem for which there is no standard solution available.

In about 7 of the precious 60 available days, I was able to create from scratch, using Mathematica, an interactive magic object page layout tool that designer Ann Grafelman was able to use to design all 118 individual element pages in record time.

Rather than just create images of the pages, the tool also created detailed instructions that could be passed on to further Mathematica programs that automatically selected, scaled, cropped, and assembled the raw images into finished media assets, both rotatable spin objects and whole-page QuickTime movies for certain special effects. (Even the amazing animation synchronized to Tom Lehrer's iconic song "The Elements", which plays the first time you open the e-book, was generated entirely by a Mathematica program.)

A complete rendering pass for the e-book requires running eight parallel Mathematica processes for a couple of days on the fastest available 8-core Macintosh. But it is a completely automated process, turning a terabyte of image archives into a finished, fully operational 1.9 gigabyte iPad app. This complete automation meant that we were able to experiment with dozens of different layouts and styles, concentrating on creativity, not the grunt work of manual file processing, yet still be able to see the finished book in action after each tweak.

The third and final secret sauce that made this project possible was my partner Max Whitby and his long-time collaborator John Cromie, who created the runtime application code needed to turn those media assets into an operating, fully magic-enabled iPad application.

Creating fluidly spinning objects with the level of crystal clear photographic quality I demanded is actually harder than it might seem. A number of the obvious things the more technical of you might think of turn out not to work for reasons too complicated to get into here. Suffice to say that John designed a brilliant solution that uses the iPad's excellent graphics subsystem to lend a hand in ways it's not normally intended to.

I didn't know when we started whether it was going to be possible to make something that was smooth enough and fast enough that you wouldn't notice either the smoothness or the speed. The only way to know you've got those things right is when you don't notice them because everything just works without glitches, pauses, stuttering, or other distractions that make you realize that, well, actually, it isn't really magic.

My goal was 100% magic, and I think we got up to about 98%. Nothing's ever perfect, but believe me, when you're playing with The Elements there is a lot of scrambling going on behind the scenes that you don't notice because of the finesse John was able to build into the code. (We're planning a free upgrade shortly that will get us another step in the direction of 100% magic.)

Seeing the final product, and seeing how many people have found it to be just as magical as I had hoped they would, has been one of the most satisfying experiences in my life. Thanks also to the great support we've gotten from Apple, The Elements has turned into one of the most talked about, most exciting, and best selling e-book since the iPad started shipping. Take that, Time-Warner! (Not that the other guys were slouches by any means: PopSci's April issue is a very impressive piece of work, and don't miss my column on fire pistons, which looks super on the iPad.)

We started out as a band of brothers, myself, Max Whitby, John Cromie, and Nick Mann, who each made a commitment that we were going to drop everything and do nothing else for 60 days but eat, sleep (not much), and try to build magic.

And we did it.

19 Comments

That's pretty awesome.

Theodore, you might want to take a second and see if someone will run this on here: www.nytimes.com/2010/04/07/technology/07net.html?hp

It concerns quite a lot of people that have a love for technology and their internet remaining unshackled.

Beautiful app, just amazing!

Ivan Malagurski

If I had the money, I would buy the IPad just for this app, but, I don't have the money. And I will never have the money... :.(

And this is only the beginning.

Imagine what this team can do without a 60 day deadline.

This device hasn't even sprouted feathers let alone spread it's wings yet...

Gorgeous and innovative, but 1.4 gigs is a lot of space to commit to one "book."

And there's one critical design flaw: the app allows only one landscape orientation -- home button right. That works fine for watching movies, but it's not the iPad orientation for which the case is designed when lying flat or in lectern mode (home button left). This is an app made to touch, not to watch. And it's upside down!

Concerning the complaint that it only works in landscape mode and is in fact upside down when in the case, yes, yes, we know! I didn't have a case and thus unfortunately guessed wrong. It's going to get fixed in a free update very soon, we just didn't have time and there were bugs in the Apple movie player that got in the way of a quick fix allowing it to auto-rotate before the release date.

@Vega_Obscura:

"This device hasn't even sprouted feathers let alone spread it's wings yet.."

Haha. I'm guessing you're one of the blind masses who we're duped into thinking the iPad is some revolutionary and amazing technology. It's not. The iPad uses the same processor as the iPhone and many other smartphones. An Arm Cortex 8. Same goes for the GPU which is used in many other smartphones also.

All apple does is takes the ideas people have already been wanting, makes the most minimalistic, functionality lacking design they can make and then touts it as being something revolutionary. Stop drinking the cool-aid people and stop supporting Apple's quest to conquer computing with their closed, very overpriced and insecure systems.

you could probably chill...I think @Vega_Obscura was simply implying the ipad's infancy

Any endeavor that promotes awareness of, and interest in, the periodic table of the elements has got to be applauded.

This being the "Rosetta Stone" not only for the development of chemistry itself but also for deciphering patterns that can enable new understandings of the nature of the life process that we observe.

Importantly, it can also help to provide us with more meaningful predictions of the future than can be made by other means.

Examples of this are presented in chapter 11 of my recent book "Unusual Perspectives", the latest electronic edition of which can be downloaded in its entirety for free from the eponymous website.

Theodore this looks pretty amazing, if/when I get an iPad I'll be getting this app.

Thats pretty amazing dude. The Ipad totally rocks!

Lou
www.surfing-anonymity.br.tc

I love it. In regard to presenting the periodic Table in 3D, Do you know that Periodic System is naturally tetrahedral? See www.perfectperiodictable.com/novelty.

Kudos to Theodore Gray for contributing enormously to making science "cool" and "sexy"!

In a world where the majority of the human race has oatmeal for gray matter, including those "nattering nabobs of negativity" heaping criticism upon the creative works of others, Mr. Gray has given us a new way to look at our world,with the rapt wonder of an innocent child. It brought back fond memories, can it really be 40-odd years? Of when I first checked out "Matter" from Time-Life books, from my primary school library. I feel like I just got a memory upgrade. ;)

Please do continue to accentuate the positive!

As for some of the other commenters, I find it ironic that devotees of Popular Science would resort to Trollish behavior. It does not suit you.

And to the poor, self-limiting soul who lamented,

"If I had the money, I would buy the iPad just for this app, but, I don't have the money. And I will never have the money... :.("

If ever there was a time (now) and a place (PopSci website)to see where anything IS possible, this is it!

IF you have the desire and are willing to do the WORK, the money will find you.

I'm writing from Saudi Arabia, where there are infinite possibilities, for creative, industrious people as the Kingdom invests vast sums of money on infrastructure and industry. It isn't easy, but what worth having is?

Cheers,

Xiamenbill
Global Citizen

Criticism is not always a negative thing; it can help foster improvement.

A few things strike me as sort of unfortunate about this article and the technology being review/advertised:

Being able to rotate objects (some not very interesting) with your finger is just not cutting edge anymore and not really "magical." Maybe people just lack imagination? Or are not willing to look at their own common objects around the house and rotate them in their hands? The bismuth crystal is cool though.

What is really not compelling, is that after you purchase this app, if you want to view it a few years later, the obsolete proprietary device will be long gone. That is why to compete with books, e-books have to sell some sort of immediately gratifying"experience" to justify the purchase. However, people (early adopters looking for eyecandy) who buy this app may not care about viewing it in the future, because it will be considered an obsolete piece of garbage anyway.

The development platform seems pretty limited if the author had to resort to hacks to get the graphics right.

I am not really sure why these apps cannot be developed for other platforms. A mouse or multitouch trackpad can do what a touchscreen can. I guess apple is finally offering software developers a more motivating market they didn't have before-- a place that is like the impulse buy section of a supermarket.

u guys are amazing at pop sci i wish i worked with yall but im going to college to be a liturature teacher lols but man i wish i had an ipad so i could get that app could u amagine teaching a science class with one of those i would neve skipp class agin

wow.

Very impressive. How do I best share this with my middle school classroom students? I don't have an ipad and with budget cuts, furloughs, and coming off of an unpaid summer, I don't see having the funds to buy my own any time soon. Anyone know of a grant I could write so that as a teacher I could put this information into the hands of my 7th graders? They would love it and we would all learn a ton of information quickly and with so much fun. I want one!

And I meant to also say, WOW, WOW, WOW. This is very cool.

I use it on many sites and it's seems to work better than classic captchas.. and without people harassment. http://www.kidneyremedy.com/rss.xml

Popular Tags

Regular Features



June 2013: American Energy Independence

Five amazing, clean technologies that will set us free, in this month's energy-focused issue. Also: how to build a better bomb detector, the robotic toys that are raising your children, a human catapult, the world's smallest arcade, and much more.


Online Content Director: Suzanne LaBarre | Email
Senior Editor: Paul Adams | Email
Associate Editor: Dan Nosowitz | Email
Assistant Editor: Colin Lecher | Email
Assistant Editor: Rose Pastore | Email

Contributing Writers:
Rebecca Boyle | Email
Kelsey D. Atherton | Email
Francie Diep | Email
Shaunacy Ferro | Email

circ-top-header.gif
circ-cover.gif
bmxmag-ps