Camp Workcoeman Map App

Posted on March 21, 2016

Although I started mapping Camp Workcoeman years ago, I’ve always published this data as printed maps (and PDFs). I finally published my map in a different form: a mobile and web app. The apps are built using Mapbox GL, native for the Android app and JS for the web app.1 The Android version is completely offline, with the map data and style files bundled as assets. The full source code for both is available on GitHub. Download the app for Android or visit the web app (and add it to the home screen on iOS).

Camp Workcoeman Map

  1. Due to Apple’s developer fees and requirement to use OS X for development, there’s no native iOS version; I might reconsider this if there’s enough demand.  ↩

Posted in , | Tagged , , , , , | Leave a comment

Climbing Cerro Toco

Posted on February 7, 2016

As a follow-up to my December climb of Lascar, I climbed Cerro Toco last week. The 5604 m tall dormant / extinct volcano is slightly taller than Lascar, but the climb has about half the vertical gain, so it’s easier. As I’m currently working on a telescope situated on the slopes of Toco, the climb was somewhat obligatory. The mountain, and the telescopes on it, is located within the Parque Astronómico Atacama. Leaving from San Pedro de Atacama, one gets to the trailhead by taking the Paso Jama road (CH 27) towards Argentina. There is then a turnoff for an unpaved road just after kilometer 35, which takes one up the mountain to the trailhead, which is located just past Toco’s three cosmology experiments. The trail is easily visible from the road. Driving past the trailhead allows one to see Toco’s abandoned sulfur mine.

Trailhead Continue reading →

Posted in | Tagged , , , , , | Leave a comment

Pannellum 2.2

Posted on January 27, 2016

After a little over a year of work, I’ve just released Pannellum 2.2.0. New features in this release include an experimental API, instead of just a standalone viewer, for better integration with external code; support for the PosePitchDegrees and PoseRollDegrees XMP tags, as used by the Ricoh Theta S; an optional fade animation for tour transitions; and a debug parameter to assist with placing hot spots. Noteworthy improvements include vastly improved equirectangular video support, high-DPI display support, and unification of regular and tour configuration files. Finally, there are numerous bug-fixes.

Previously, equirectangular videos were sort of supported, but the user experience was terrible, as there were no playback controls. Pannellum is a panorama viewer of course, not a video player, so I didn’t want to write my own video player nor did I want to build it into Pannellum—this is where the new API comes in. Instead, I wrote a Video.js plug-in that uses Pannellum to render the video; this achieves the objective of a fully-featured equirectangular video player without actually having to write a video player.

I would have created a new release sooner, but I didn’t want to release yet another version without much in the way of documentation, specifically examples. At the beginning of December, I received the Ricoh Theta S I had pre-ordered, allowing me to quickly shoot a variety of panoramas1 to use with examples—this is when my push to write documentation started in earnest. To this end, I converted pannellum.org from using Jekyll to using Hugo, as it better suited the documentation effort (and moved it to a dedicated repository). I then wrote examples, integrated the existing configuration parameter documentation, and added the new API documentation. Finally, I created a Pannellum CDN and integrated a configuration generator to allow one to easily display CORS-hosted panoramas (e.g. hosted with Imgur).

As always, report bugs on the GitHub issue tracker.

  1. Actually, they’re all of Baltimore near my apartment or of the area around San Pedro de Atacama, Chile where I’m currently working.  ↩

Posted in | Tagged , , , | 10 Comments

Climbing Lascar

Posted on December 29, 2015

Two weeks ago, I climbed to the summit of the Lascar volcano in northern Chile. The 5592 m tall active volcano last erupted in October and is the most active volcano in northern Chile. Before climbing the volcano, one first has to find it. While finding the volcano itself on a map is pretty easy, information on the location of the trailhead and how to get to it proved more illusive. Most descriptions I found online contained only loose wording and none included any sort of map, which is important due to the lack of road signs in the area. I eventually found a KML file on a shady download site that contained the trail and the track to the trailhead, which was mostly correct.1 This provided enough information to find the trail, in combination with a GPS receiver.

“Road” to Lascar Continue reading →

  1. The parking area was shown in an incorrect location.  ↩

Posted in | Tagged , , , , | Leave a comment

Bandwidth-efficient HDR WebGL Textures

Posted on November 15, 2015

Storing high dynamic range (HDR) images is a solved problem in general, such as using the excellent OpenEXR format. When is comes to the web, however, there are two major problems. The first is that web browsers don’t support any of the standard HDR image formats, and the second is that HDR images tend to be rather large, which is a problem for conserving bandwidth and reducing load times. Although there are ways to load HDR textures into WebGL using pre-encoded textures and WebGL extensions, this is very bandwidth-inefficient and not supported by all WebGL devices. Thus, the first problem has to be worked around by encoding the HDR image information into standard web images, e.g. JPEG and PNG. The earliest example of this that I can find is the pre-WebGL pfstools HDR HTML viewer, which layers multiple JPEG images at different exposures and blends them with different opacity settings.1 This method was good for its time, since before WebGL image processing calculations were difficult to perform in the browser. However, the method is bandwidth-inefficient as it requires downloading the same image at multiple exposures—five images in the example. This brings us to WebGL, where a method PNG-based method was developed by SpiderGL (and copied by three.js). Although the provided encoder is undocumented, it appears to be based on JPEG-HDR, which uses a tone-mapped base image combined with a subband image that encodes the ratio between the tone-mapped image and the original HDR image.2 The method encodes the tone-mapped image in the RGB channels of a PNG and the ratio in the alpha channel. This works well when lossless compression is desired but is bandwidth-inefficient for photographic textures.

Continue reading →

  1. Rafał Mantiuk and Wolfgang Heidrich. “Visualizing high dynamic range images in a web browser”. In: Journal of Graphics, GPU, and Game Tools 14.1 (2009), pp. 43–53. DOI: 10.1080/2151237X.2009.10129276. URL: http://pfstools.sourceforge.net/papers/mantiuk09vhdri.pdf.  ↩

  2. Greg Ward and Maryann Simmons. “JPEG-HDR: A backwards-compatible, high dynamic range extension to JPEG”. In: ACM SIGGRAPH 2006 Courses. ACM, 2006, p. 3. DOI: 10.1145/1185657.1185685. URL: http://www.anyhere.com/gward/papers/cic05.pdf.  ↩

Posted in | Tagged , , , | 3 Comments