About

◀ British bloke, in the Los Angeles South Bay area via San Francisco, Singapore, Barcelona, Zurich, London, Brighton and Hong Kong ● Second Life developer during the day since 2004 ● Enthusiastic WebGL/VR/XR and Chromium/CEF hacker in the evenings ● Founder of Industrial Might and Logic Combat Robots ● Dipping a creaky old toe in the Concept II Rowing and CrossFit waters ● Eager traveler ● Insanely happy husband to Yumi and papa to Siena ● My GitHub ● Recent updates ● Contact me ▶

WebGL, WebVR and C++ apps, experiments and code

Global Temperature Change Spiral

An updated version of an previous (2018) global temperature change experiment. My 12 year old daughter and I created this much simpler, cleaner version. We had a blast working on it together - as well as some deep, thought provoking learning about the awful direction our climate is heading. Let us know what you think.
Street View Points

Another incarnation of the Street Cloud experiments (see below) that combines pixels from the Street View panoramas with 3D depth information and displays the result as a 3D point cloud. I had given up playing with this after constant, breaking changes to the relevant APIs. However, the supremely talented Spite wrote some code to grab pano textures and depth maps so this time, I am using that instead of rolling my own - maybe this will be more stable/resilient.
Equinaut

A web based equirectangular image viewer for desktop, mobile and VR HMD browsers - a tool that started life as something I made in my spare time to help me with my day job. I am hoping I can find time to evolve it into an authoring system for viewing and navigating between collections of 360 panorama images. Click the animated image to visit the published version of the site, here for a simple menu of sample images or on the GitHub icon below for the source code.
ISS Photo Explorer (Flat)

A very simple application my daughter and I wrote that lets you explore the approximately 3.5 million photographs from the International Space Station. It was a huge amount of fun for us both and I hope we can expland on it later. See the Help/About page for details and links to other versions. Update: Added link to NASA page for each photo (wolfgang42). Added lat/lng input (oferze). Added contributor list. Thank you!
Street Cloud Simple

This experiment is an update to earlier ones (Street Cloud Interactive and Street Cloud Flow) after they stopped working because of extensive changes to the Google Maps Street View API. It renders Google Street View ® panos as point clouds using the 3D LiDAR data captured along with the regular panorama images. I pulled fragments of code from various old experiments and combined them into what I hope is an easy to understand, single source file.
Climate Temperature Change

This is an experiment that investigates ways of visualizing the average worldwide monthly temperature anomalies from 1850 to 2017 via data from the UK Met Office. You may have seen the renowned Climate Spiral images created by UK scientist Ed Hawkings - this is a modest attempt to explore other ways of visualizing that same sobering data using modern web technologies such as WebGL.
Voronoi Airports WebGL

I got inspired (again) by a neat visualization that mapped ~14,000 of the world's airports onto a Voronoi Diagram. I wanted to try something similar with all (~54,000) of them in WebGL and put this experiment together quickly. Still very much a work in progress and after a post on Hacker News, I've got lots of great suggestions too.
Soul of the World

Some interesting comments in this article that pointed to this page led me to wonder if there really was a cube that fits inside the earth whose 8 vertices touch land. Looks like it's true!
Storm Tracks WebGL Too

A re-updated version of a previous experiment I made years ago to plot the tracks of storms. It now uses much more efficient technology to render everything and currently displays all 9,300+ storms and around 250,000 track points for storms from 1851 up to the present day.
2017-09-05: Updated with latest storms and now you can pass filter parameters in the URL. One use for this is to display everything or specific storms.. E.G. Hurricane Katrina, Hurricane Irma and Typhoon Tip
Celestial Bodies (Updated again!)

This WebGL experiment allows you to interactively compare the sizes of our sun, the planets and moons as well as (from February 2017) the sun and planets in the Trappist One system (albeit with a good measure of artistic license for the appearance). This new version now lets you compare multiple bodies with each other.
Stack Overflowing

An interesting blog post from David Robinson (a data scientist at Stack Overflow) inspired me to revisit an old experiment I made called Flight Stream. I wanted to make it more generally useful for illustrating flow between sets of points on the earth and also make it support lots more points. David was kind enough to share the source data from his post with me and I used it to make the changes. As per the blog post, this visualization represents a days worth of global information exchange on Stack Overflow (data is anonymized).
360 Snapshot Viewer

An early iteration of something I have been working on for the Second Life viewer - support for exporting a 360 snapshot of any region and viewing it on the web. This version also supports exporting an equirectangular image with the right meta-data headers so it can be uploaded to sites like Facebook or Flickr and viewed correctly. More examples from the ever amazing Torley Linden can be found here and here.
Dullahan

A headless browser SDK that is designed to make it easier to write applications that render modern web content (including WebGL) directly to a memory buffer, inject synthesized mouse and keyboard events and interact with web based features like JavaScript or cookies. Source code, pre-built Win32 binaries and some simple tests included.
Global Temperature Change WebGL

An experiment that tries to illustrate how global temperatures on earth have changed between 1850 and 2016. Data via UK Met Office Hadley Centre for Climate Change. Inspired by the great work of Ed Hawkings, a climate scientist in the National Centre for Atmospheric Science (NCAS) at the University of Reading.
Pano Getter

After playing with Street Cloud, French film maker William Laboury contacted me and asked if I could help with an app to extract the depth panos from Google Street View for a video he was working on. I was happy to help and leaning on some earlier work along with some code from others (see credits), I put together Pano Getter. Let me know what you think.
VR Web and Media Browser

I've been quiet for a while because I've been working on a C++ based VR web and media browser experiment in my spare time. It renders any web content using the latest version of Chrome (v51) via CEF and any video using the latest version of VLC. Shaping up nicely but I don't have an Oculus CV1 headset so if anyone out there has a spare one or wants to help fund the project, please get in touch :) Nothing to show publicly yet but details soon.
GeomeTree

Something I entered for the Christmas Experiment 2015 site but evidently, it wasn't high enough quality. I still like it though - Happy Holidays to everyone.
Buffer Geometry Selective Draw

Three.js BufferGeometry is very fast but only one draw call so it's not possible to hide or show parts of it easily. This example illustrates a way to do that by setting an attribute on each vertex and culling them out as necessary in a shader. Feedback appreciated
Planet Compare

Experiment to compare the relative sizes of planets in our solar system, including of course the new darling, Pluto. Updated to support the Sun and the Moon.
Geometry to BufferGeometry

The THREE.Geometry classes are easy to use but slow and the THREE.BufferGeometry class is fast but hard to use. This experiment tries to get the best of both worlds by creating geometry the easy way and transforming it into the fast way. Works well on mobile too. Updated to support multiple geometry types
ISS Photo Explorer

My entry for the 2015 NASA Space Apps Challenge. Provides a way to view and explore the almost 1.8 million photos taken from the International Space Station over 15 years and 44 missions. Updated to include all of Mission 43's 173,544 photos and the 9,388 current ones from Mission 44
Flight Stream

Experiment to visualize all of the worlds flights. Not displayed in real time or on a correct schedule although that might be nice for version 2.
Country Selector

Second attempt at extruded earth visualization I'm working on for a bigger project.
amui - Add Manipulator UI

Experiment to let you add manipulator UI (via dat.GUI) to modify objects in a three.js scene on any page via a bookmarklet.
Street Cloud Flow

The next iteration of Street Cloud. This version generates multiple views based on a starting location. Lots left to do but makes quite beautiful images. See Help dialog for more details.
Double Pendulum

Inspired by fascinating illustration of double pendulum physics in ~100 lines of JavaScript, I made a WebGL version using one of the three.js examples as a starting point.
Three.js Interactive App Template Generator

Generate a template three.js application using interactive controls and use it as the starting point for your next masterpiece. Select options, features and code then save it off as a zip file. Updated (2014-06-27): Now you can send it to a JS Fiddle and include helper geometry objects.
Street Cloud Interactive

An experiment to render Google Street View ® scenes as 3D point clouds using the LiDAR data captured along with the regular panorama images. A rudimentary navigation system allows you to move between connected locations. Updated (2014-07-09) Change in internals of StreetView API broke it for a while :(:
WebGL Terrain

Noticed a really neat page that describes how to make a terrain generator in 130 lines of JavaScript. Thought it would be interesting to make an interactive WebGL version.
Storm Tracks WebGL

Interactive map of hurricanes, typhoons, cyclones and tropical storm tracks from 1848 to 2013 including Super Typhoon Haiyan/Yolanda.
Three.JS App Template

Simple Python script to generate a template Three.js app that you can use as a starting point for your next masterpiece.
Extruded Earth

Experimenting with data visualization by extruding world countries based on a metric.
Connected Planet

Lat/long connected spline based arcs over planet Earth with logo, tweening and UI.
Pixi.js Test

Experimenting by mixing up bits of Pixi.js demos. Click to jump.
Globe Manipulator

Manipulate a globe and go to or pick, lat/long coordinates.
Fur Ball

Testing buffer geometry with 100,000 lines - next, make it move with a shader.
Sphere/Ray Intersection

Testing sphere and ray intersection code.
Pick Point From Model

More complex intersection test against a 3D model
Shader Spline

Animated shader on spline.
Spline Planet

Red planet with extruded circle splines plus animated shader and collinear icons.
Delaunay Triangulation

I wanted to subdivide country outlines into triangles and thought Delaunay triangulation was the right answer but it's not.
Concept Widget

Experimental canvas based UI widget with lovely people at Concept Arts.
Squares On A Sphere

Testing how to render collinear squares on a sphere.
CTM Loader Test

Test loading model from CTM file and apply environment map.
Collada Duck

Load a model of a duck from a Collada file.