COMPUTER PROGRAMMING

The Wonders of Duck Typing

Having immersed myself entirely in JavaScript for the past few years, going back to something like C# should have been a bit of relief. However, it mainly served to highlight just how inflexible and full of unnecessary overhead C# is, and just how much I love the flexibility and interoperability of JavaScript. This particular post details one of those ridiculous situations that languages like C# often create, with a relatively simple app containing at least 6 different classes/structures for storing 3D position data, many of them pretty much the same but entirely incompatible with each other.

The Profligacy of Immutability

There have been a couple of times over the past few months where I have run into major performance issues due to excessive garbage collection when trying to create dynamic models that work with immutable data objects used in 3rd-party code. Even just one or two immutable classes in a library can have huge flow-on effects. I have no problems with functional programming and immutability per se, but when that code starts gorging on new memory and leaving behind a trail of garbage for others to clean up, then it's time to register a complaint.

Sky Distribution Equations

A number of people have asked me for more information about a comment I made in the CIE Sky app description about using the "latest" sky distribution equations. Basically, whilst trying to work out why the numbers I was getting from my implementation of the CIE Standard General Sky were slightly different to those from other popular daylight tools, I noticed that all of them appeared to be based on code that implemented the original Perez All-Weather Sky equations published in 1993, rather than the CIE Standard General Sky equations from 2003. The differences between the two are relatively small, but certainly enough to confound any direct numerical comparison.

Earth/Sun Relationship Update

I've been doing a fair bit of low-level optimisation work on my solar calculations code recently and, whilst I have a reasonably extensive test suite for it, nothing beats being able to actually see things in action and interactively put them through their paces. Also, I've been wanting to update my old Earth/Sun Relationship app for a while now with some new ideas and graphics, so the synthesis seemed pretty logical. Thus, I just finished a brand new version with lots of new features as a way of both examining and visualising the relationships involved and letting me test and validate the core code.

Processing Libraries - Where are They?

As I've mentioned in previous posts, I have been working on a graphical user interface and 3D modelling library in Processing for some time now. I originally chose Processing because it was truly cross-platform and the only tool that also supported embedded web applets. I got to a reasonably advanced state in v1.5.1 and then, of course, everything changed. Processing 2 moved entirely to OpenGL and completely abandoned web applets.

Dynamic Charts in WPF

There are a plethora of WPF charting solutions out there, both commercial and open source. I have tried quite a few but have yet to find one that is capable of handling highly dynamic data whilst also providing useful customisations such as centered axis or generating polar diagrams. I do most of my dynamic charts in OpenGL but labelling axis and data points using textured fonts lacks some of the polish I have seen in many WPF-based solutions. Thus I thought that, for my Windows apps, I would try porting my OpenGL chart library to WPF.

Event Handling in Analysis Classes

As I have mentioned in a couple of other posts, I have been working on the API for a suite of building performance analysis classes, with a particular focus on dynamic visualisation and interactive manipulation. Part of this involves implementing an event notification system so that changes can propagate through even the most complex object hierarchies without the user having to worry about the internal plumbing. Unfortunately the standard approaches that I have found aren't particularly suitable here, so I have had to hack out something of my own.

Where's the Point in 3D APIs

Whilst working on an analysis library recently, I have been trying to reconcile how best to define positional and directional information. Most 3D frameworks and Application Programming Interfaces (API) use a single Vector class (or similar) to define a generic object with X, Y and Z properties, which is then used interchangeably to describe both points in space and direction vectors. The closer I look, however, the more I think that it's important to clearly distinguish between the two and treat them as separate classes in an API in order to avoid inadvertent user mistakes. Unfortunately there is no single knock-out justification for either approach, so the following are some simple contemplations on the subject as I try to work out which way to go.

Designing for Sub-Classing in Java

One of the projects I have been working on over the last few months is a graphical user-interface (GUI) library for Processing. The Java API to the library makes extensive use of sub-classing and the intention is that it be easily sub-classed by the end user to allow for deep customisation of its functionality. Deep customisation means allowing for any property in any of its classes to be easily overridden. Sounds trivial as this is what object-oriented programming and Java is all about, but it actually leads to an interesting code-design dilemma.

Fast 3D Vector Text in Processing

Technical illustrations and 3D graphs tend to need lots of different kinds of text - some bold/italic, some large/small, and often in a range of different colors or shades of grey. Having struggled with image-based font glyphs in 3D for ages, I've kinda had enough - so set out to develop my own parametric vector text in Processing/OpenGL. This applet is a demo of some of the types of 3D text object I've been playing with as well as some experiments with annotation arrows.

Dynamically Dimensioning 3D Models

When interactively manipulating objects in 3D, having clear dimensions that update dynamically while dragging around allows for much greater confidence and accuracy in the process. This is especially true on a tablet where accurate alignment is well near impossible as your finger (and sometimes hand) effectively obscures the drag point. However, what started out as a quick experiment ended up sucking me into a 6 day vortex, swirling around with quaternion maths and 3D text manipulation in an attempt to get radial dimensions visible when viewed from any direction. This tiny applet is the result of those 6 days.

gluUnproject() for P3D and OPENGL Sketches

I have been struggling for a while in Processing with the reverse projection of 2D screen coordinates back into 3D world coordinates. It's relatively straightforward in OPENGL sketches using the JOGL view matrices and the GLU.gluUnproject() function. However, I could never get anything solid when using the P3D renderer or the PGraphics3D matrices. For some reason there was always a slight scaling issue which varied with different views. Previously I've used fudge factors to get it pretty close but, as I still prefer P3D for browser embedded work, I finally spent some time on it and made the breakthrough I needed. This is a brief description of what I learnt along the way as well as a demo applet and custom gluUnproject() function.

A Small Mac Mini Server Cluster

I have recently been building a small multi-node cluster of Mac Mini Servers as a development tool to explore some cloud services and parallel processing techniques. For this purpose, the Mac Mini is great as they are dead quiet, use very little power, boot with no problems without a keyboard, mouse or monitor attached and are easily set up to allow full remote management, configuration and screen sharing. For me the Server version is best as only they come with an Intel quad-core i7 CPU, giving effectively 8 processing nodes each. The CPU speed is a bit slower compared to the best non-server version (2.0MHz vs 2.7MHz), however the non-server version is only dual-core.

Analytical Space Inspection

When dealing with complex analytical models, visually checking that all the spaces within a building have been generated correctly is never easy. This is because there are usually so many of them and their bounding surfaces are invariably adjacent to those of other spaces. You often wish that there was a way to 'explode' the building apart so you could see all of its constituent parts. Well, this the first of my experiments to do exactly that.

Super Shapes Generator

Having just done the Spherical Harmonics demo, and with most of the infrastructure already in place, it would have been remiss not to do a Super Shapes demo. Super Shapes are 3D forms generated using Johan Gielis' generalisation of the superellipse formula, often termed the superformula. This was proposed in 2003 as a framework for simulating natural forms and is basically an equation with four input parameters that generate a range of natural polygons.

Spherical Harmonics Shape Generator

I have recently been looking at the use of spherical harmonics as a way of doing real-time diffuse lighting and shadowing effects in OpenGL. As I usually only really understand stuff when I can see it, I did a quick viewer in Processing to help make sure I was getting all the algorithms correct. Some of the visualisations and shapes started to look pretty good, so I figured I’d polish it a bit and put it up on my site.

Surface Shading - Take One

The intention of this next iteration on the theme of overshadowing was to look at surface shading on a glazing panel. Unfortunately I got a bit bogged down trying to work out interactive design rules for louvres and brise soleil so didn't get as far as I'd have liked over the long weekend. However, I did finish a basic horizontal/vertical shade example and thought I'd put it up as, even though it doesn't yet show the shading effect on the glazing surface, simply being able to drag a shading mask around seems to give some useful insight into the solar aperture and obstruction effects.

Real-Time Site Analysis - For Android

The latest version of Processing makes exporting sketches directly to Android relatively easy. However, as everyone on the Processing for Android wiki keeps saying, interacting with a mobile app is very different from using a standard mouse and keyboard. My aim has always been to develop and maintain a single code base to serve all platforms, for both libraries and sketches. This update is the first of my attempts to get this happening on my Samsung Galaxy Tab, which I use for testing such things.

Real-Time Site Analysis

I often find myself trying to explain the concept of shading masks - typically over the phone which is never easy. Thus I thought I'd try both demonstrating and illustrating the basic ideas in an interactive web app. In the end it turned out far better than I ever thought it would as I managed to get the required ray-tracing working in pretty much real-time. The aim is that, as you interactively manipulate the 3D model or drag the position of the dome around, you can see instantly the resulting overshadowing effects at the dome centre, thus better understanding their relationship.

3D on the Web - Back to Processing...

Finally got some time to play with Processing again. It's been a hugely busy year with work and I have literally had no time to do any of my own stuff - you can see it's more than a year since my last post on this site. But, like many people in the UK, I took vacation time either side of Easter to take advantage of the Royal Wedding and May Day bank holidays. This gave me a bit of breathing space to look at WebGL and basic app development on iPad and Android, something I'd been looking forward to for a while. However, I always keep coming back to Processing.

Real-Time Dynamic Daylighting

Understanding the potential distribution of daylight in a room is a really key design skill. This applet lets you interactively manipulate windows in a room and see the daylight distribution recalculate and update in real-time. This really highlights the cause-and-effect relationships involved and helps develop that understanding. In addition to just showing daylighting, you can also overlay daylight factor protractors or frequency distribution data and see the effects of different surface reflectances on internally reflected light.

Simple Parametric Modelling Experiment

This applet is an experiment with parametric modelling. The primary focus was the development of an interactive parameter class with a securely bounded range, variable precision, detailed string formatting, tweening/animation support and direct bindings to both the slider and 3D model classes. The result is a simple parametric tower model. This is relatively simple geometry, but I am really quite surprised how fast Java-based graphics can actually be, and this isn't even using OpenGL.

Cosine Law and Surface Incidence

Surface incidence is governed by the Lambert cosine law. This states that the relative intensity of radiation or light on a surface is equal to the cosine of the angle of incidence, and that the relative area over which it is distributed is the inverse of this value. This applet provides an interactive and highly visual demonstration of this effect on both horizontal and vertical surfaces. You can interactively drag altitude and azimuth angles to see changes in both the distribution area and relative intensity of an incident energy beam. It is particularly interesting to see these effects simultaneously on both surfaces.

Sun-Path Diagram Projection Methods

Most of the real detail in a sun-path diagram is usually around the horizon. This is where adjacent buildings, trees and other site objects provide the greatest levels of obstruction. To increase detail at these low altitudes, different sun path projection methods can be used to essentially 'squeeze' altitude angles towards the zenith and expand them around the horizon. This applet demonstrates the most common altitude projection methods and shows how they can be mapped in both sky-dome and orthographic sun-path diagrams.

Horizontal and Vertical Shadow Angles

Horizontal and Vertical Shadow Angles (HSA & VSA) are very important when dealing with the design of shading devices. As opposed to solar azimuth and altitude angles, shadow angles are always taken relative to a particular surface. This applet presents a visual illustration of the complex relationship between location, solar position, orientation, tilt and shadow angle. Interactively changing the date, time and location is the key to developing a visual understanding of this fundamental shading design concept.