Falling Leaves: the Ardes blog

Archives filed under "javascript"

Higgar Tor Panorama

Ray Drainville

A picture from a few weeks ago:

This was an interesting experiment. Readers many know that I’ve made a lot of virtual reality panoramas over the years. Given the rise of portable devices such as the iPhone & iPad, however, is requiring a re-think of how we present them: browsers on portable devices don’t support any plugins. The examples in the above link require Quicktime, which is just as forbidden as Flash. It looks like the only option is Javascript-based interactivity, which will require some serious testing.

So why is the above picture an experiment? Well, because instead of using all my VR photographic kit, I used an iPhone & Debacle Software’s Pano, which does a really nice job for casual picture creation. You can’t, so far as I can tell, make a complete 360-degree panorama. Perhaps that’s coming, though.

Shape Type

Ray Drainville

Hot on the heels of Kern Me is Shape Type—by the same people, incidentally. This type, you test your abilities to design type as well as the masters who made the fonts in the first place:


My mind is thoroughly blown by this. It’s another tour-de-force of HTML5 programming. Like Kern Me, Shape Type is an amazing use of the canvas element. Who knew that you’d be able to replicate Illustrator’s vector-editing environment in a web browser? Not me.

Kern Me

Ray Drainville

Type nerd? Appalled by keming? Then you will really love the Kern Me game.

This is an inspired bit of coding, spectacularly well done. And not only do you use your left & right arrow keys to shift the letters, as in standard typesetting apps. To increase the amount of shift, and totally without thinking I held down the ‘shift’ key while using the arrow keys, and that works, too!