eLearning Software Platform









Building Performance Expertise

• Ashrea 90.1


Learn high performance Buildings (LHPB)

Project Overview

LHPB is funded through a $2-million-dollar grant from the California Energy Commission (CEC). SuPerB's Learn High Performance Buildings (LHPB) project, formally called Learn Green Buildings, will create a software platform to provide an immersive, interactive 3D environment of virtual spaces inside office buildings to enable users to learn about high-performance, energy-efficient building design, construction, and operations.


The LearnHPB platform will build upon the successful results from 5 years of development of the Learn HVAC eLearning tool (, and provide users with the ability to learn about the energy performance of each of 4 building energy systems: exterior envelope, HVAC (heating, ventilation, and air-conditioning), lighting, and daylighting. Learn HVAC and LearnHPB software can be used either individually or in group-learning situations, and is directed at students and instructors in 2-year and 4-year college programs. All software will be open source and available via web-based, public-domain delivery platforms, thus facilitating their widespread use and their potential extension and modification by others. All tools and resources developed are to be available at no cost to users.

Project Website

Development Blog

More About This Project

For LearnHPB, we are transitioning away a downloadable Learner Application to a browser based solution. In partnership with SRI's Kuda team, we are using WebGL to make LearnHPB part of this open-source JavaScript API movement, which facilitates dynamic, interactive 3D applications within a web browser—no plug-in required. To view samples, please see the link and photos below.


Learn High Performance Buildings 1 from Raj Dye on Vimeo.

Update: These pictures are early stage renders of the building envelope detail cutaways, click thumbnails for larger images:



NOTE: although it will soon be standard on Chrome, Firefox, and Safari, as of right now, you will have to download the o3d plugin in order to view the demos below.

Also note that ironically, at the last test, Chrome, although functional, ran these demos incredibly slowly. Firefox worked fine.

Demo 12

Demo 11

Demo 10

Demo 09

Don't want to install the plugin? Watch this video of it in action in a browser instead.