diff --git a/assets/images/3dviewer_net_start_page.png b/assets/images/3dviewer_net_start_page.png
index edaa02e..9a85c60 100644
Binary files a/assets/images/3dviewer_net_start_page.png and b/assets/images/3dviewer_net_start_page.png differ
diff --git a/sandbox/embed_selfhost_externallibs.html b/sandbox/embed_selfhost_externallibs.html
index 763a9d2..2c2a03a 100644
--- a/sandbox/embed_selfhost_externallibs.html
+++ b/sandbox/embed_selfhost_externallibs.html
@@ -96,12 +96,12 @@
     <div class="online_3d_viewer"
 		style="width: 360px; height: 240px;"
         model="../../test/testfiles/gltf/Box/glTF-Binary/Box.glb"
-		environmentmap="../website/assets/envmaps/forest/posx.jpg,../website/assets/envmaps/forest/negx.jpg,../website/assets/envmaps/forest/posy.jpg,../website/assets/envmaps/forest/negy.jpg,../website/assets/envmaps/forest/posz.jpg,../website/assets/envmaps/forest/negz.jpg">
+		environmentmap="../website/assets/envmaps/grayclouds/posx.jpg,../website/assets/envmaps/grayclouds/negx.jpg,../website/assets/envmaps/grayclouds/posy.jpg,../website/assets/envmaps/grayclouds/negy.jpg,../website/assets/envmaps/grayclouds/posz.jpg,../website/assets/envmaps/grayclouds/negz.jpg">
     </div>
     <div class="online_3d_viewer"
 		style="width: 360px; height: 240px;"
         model="../../test/testfiles/gltf/Box/glTF-Draco/Box.gltf,../../test/testfiles/gltf/Box/glTF-Draco/Box.bin"
-		environmentmap="../website/assets/envmaps/forest/posx.jpg,../website/assets/envmaps/forest/negx.jpg,../website/assets/envmaps/forest/posy.jpg,../website/assets/envmaps/forest/negy.jpg,../website/assets/envmaps/forest/posz.jpg,../website/assets/envmaps/forest/negz.jpg">
+		environmentmap="../website/assets/envmaps/grayclouds/posx.jpg,../website/assets/envmaps/grayclouds/negx.jpg,../website/assets/envmaps/grayclouds/posy.jpg,../website/assets/envmaps/grayclouds/negy.jpg,../website/assets/envmaps/grayclouds/posz.jpg,../website/assets/envmaps/grayclouds/negz.jpg">
     </div>
     <div class="online_3d_viewer"
 		style="width: 360px; height: 240px;"
@@ -110,7 +110,7 @@
     <div class="online_3d_viewer"
 		style="width: 360px; height: 240px;"
         model="../../test/testfiles/gltf/DamagedHelmet/glTF-Binary/DamagedHelmet.glb"
-		environmentmap="../website/assets/envmaps/forest/posx.jpg,../website/assets/envmaps/forest/negx.jpg,../website/assets/envmaps/forest/posy.jpg,../website/assets/envmaps/forest/negy.jpg,../website/assets/envmaps/forest/posz.jpg,../website/assets/envmaps/forest/negz.jpg">
+		environmentmap="../website/assets/envmaps/grayclouds/posx.jpg,../website/assets/envmaps/grayclouds/negx.jpg,../website/assets/envmaps/grayclouds/posy.jpg,../website/assets/envmaps/grayclouds/negy.jpg,../website/assets/envmaps/grayclouds/posz.jpg,../website/assets/envmaps/grayclouds/negz.jpg">
 	</div>
     <div class="online_3d_viewer"
 		style="width: 360px; height: 240px;"
diff --git a/source/viewer/viewer.js b/source/viewer/viewer.js
index a638a64..8f293c2 100644
--- a/source/viewer/viewer.js
+++ b/source/viewer/viewer.js
@@ -211,7 +211,7 @@ OV.ShadingModel = class
             this.scene.environment = null;
         } else if (this.type === OV.ShadingModelType.Physical) {
             this.ambientLight.color.set (0x000000);
-            this.directionalLight.color.set (0x666666);
+            this.directionalLight.color.set (0x555555);
             this.scene.environment = this.environment;
         }
     }
diff --git a/tools/classhierarchy.py b/tools/classhierarchy.py
new file mode 100644
index 0000000..af5f97c
--- /dev/null
+++ b/tools/classhierarchy.py
@@ -0,0 +1,46 @@
+import os
+import re
+import sys
+import json
+
+from lib import tools_lib as Tools
+
+def PrintInfo (message):
+    print ('INFO: ' + message)
+
+def PrintError (message):
+    print ('ERROR: ' + message)
+
+def Main (argv):
+    toolsDir = os.path.dirname (os.path.abspath (__file__))
+    rootDir = os.path.dirname (toolsDir)
+    os.chdir (rootDir)
+
+    configFilePath = os.path.join (rootDir, 'tools', 'config.json')
+    config = None
+    with open (configFilePath) as configJson:
+        config = json.load (configJson)
+
+    files = []
+    for filePath in config['engine_files']:
+        files.append (filePath)
+    for filePath in config['website_files_js']:
+        files.append (filePath)
+
+    pumlContent = ''
+    classNames = []
+    classInheritances = []
+    for filePath in files:
+        content = Tools.GetFileContent (os.path.join (rootDir, filePath))
+        for match in re.finditer ('(.*) = class', content):
+            classNames.append (match.group (1))
+            pumlContent += 'class ' + match.group (1) + '\n'
+        for match in re.finditer ('(.*) = class extends (.*)', content):
+            classInheritances.append ((match.group (1), match.group (2)))
+            pumlContent += match.group (2) + ' <|-- ' + match.group (1) + '\n'
+
+    Tools.WriteContentToFile ('a.puml', pumlContent)
+    Tools.RunCommand ('npx', ['puml', 'generate', 'a.puml', '-o', 'a.png'])
+    return 0
+
+sys.exit (Main (sys.argv))
diff --git a/website/assets/envmaps/blueclouds/negx.jpg b/website/assets/envmaps/blueclouds/negx.jpg
new file mode 100644
index 0000000..bbba675
Binary files /dev/null and b/website/assets/envmaps/blueclouds/negx.jpg differ
diff --git a/website/assets/envmaps/blueclouds/negy.jpg b/website/assets/envmaps/blueclouds/negy.jpg
new file mode 100644
index 0000000..22bc272
Binary files /dev/null and b/website/assets/envmaps/blueclouds/negy.jpg differ
diff --git a/website/assets/envmaps/blueclouds/negz.jpg b/website/assets/envmaps/blueclouds/negz.jpg
new file mode 100644
index 0000000..c7d28c2
Binary files /dev/null and b/website/assets/envmaps/blueclouds/negz.jpg differ
diff --git a/website/assets/envmaps/blueclouds/posx.jpg b/website/assets/envmaps/blueclouds/posx.jpg
new file mode 100644
index 0000000..1b47ab6
Binary files /dev/null and b/website/assets/envmaps/blueclouds/posx.jpg differ
diff --git a/website/assets/envmaps/blueclouds/posy.jpg b/website/assets/envmaps/blueclouds/posy.jpg
new file mode 100644
index 0000000..724dbda
Binary files /dev/null and b/website/assets/envmaps/blueclouds/posy.jpg differ
diff --git a/website/assets/envmaps/blueclouds/posz.jpg b/website/assets/envmaps/blueclouds/posz.jpg
new file mode 100644
index 0000000..e851ffc
Binary files /dev/null and b/website/assets/envmaps/blueclouds/posz.jpg differ
diff --git a/website/assets/envmaps/blueclouds/readme.txt b/website/assets/envmaps/blueclouds/readme.txt
new file mode 100644
index 0000000..a2aedc4
--- /dev/null
+++ b/website/assets/envmaps/blueclouds/readme.txt
@@ -0,0 +1,67 @@
+====================================
+Cloudy skyboxes
+---------------
+Last updated August 10, 2012
+====================================
+
+4 color variations of a cloudy afternoon skybox with mixed types of clouds.
+
+I originally just made the blue version, but I figured having some premade variations might be useful.
+
+Blue: high key and somewhat cooled down.
+Gray: more contrast and whitebalanced, more sombre.
+Brown: somewhat of a sickly brown tinted version, a bit reminiscent of aged romantic paintings.
+Yellow: funky bright orange/yellow tinted.
+
+====================================
+Technical Tidbits
+====================================
+
+Max quality baseline JPG compression.
+
+For HDR enabled engines, overbrightening the high-end with a threshold of 0.7 and multiplier of 1.5 seems to look natural.
+There are pure white highlights present inside some of the textures.
+
+The sides are named and oriented in the Quake tradition, you might need to re-orient them for engines that use a different cubemap/skybox layout.
+
+====================================
+License Information:
+====================================
+
+CC-BY 3.0
+
+You are free:
+
+* to Share — to copy, distribute and transmit the work
+* to Remix — to adapt the work
+* to make commercial use of the work
+
+Under the following conditions:
+
+* Attribution — You must attribute the work in the manner specified by the author or licensor (but not in any way that suggests that they endorse you or your use of the work).
+
+With the understanding that:
+
+* Waiver — Any of the above conditions can be waived if you get permission from the copyright holder.
+* Public Domain — Where the work or any of its elements is in the public domain under applicable law, that status is in no way affected by the license.
+* Other Rights — In no way are any of the following rights affected by the license:
+Your fair dealing or fair use rights, or other applicable copyright exceptions and limitations;
+The author's moral rights;
+Rights other persons may have either in the work itself or in how the work is used, such as publicity or privacy rights.
+
+Notice — For any reuse or distribution, you must make clear to others the license terms of this work. The best way to do this is with a link to this webpage*.
+
+( * source: http://creativecommons.org/licenses/by/3.0/ )
+
+====================================
+Author
+====================================
+
+Pieter ‘Spiney’ Verhoeven
+
+web: http://www.spiney.me/
+email: ptr dot vrhvn at gmail dot com
+
+Please do not disclose my email without my permission, I don't like getting spam emails.
+
+Have fun :]
diff --git a/website/assets/envmaps/grayclouds/negx.jpg b/website/assets/envmaps/grayclouds/negx.jpg
new file mode 100644
index 0000000..f28d833
Binary files /dev/null and b/website/assets/envmaps/grayclouds/negx.jpg differ
diff --git a/website/assets/envmaps/grayclouds/negy.jpg b/website/assets/envmaps/grayclouds/negy.jpg
new file mode 100644
index 0000000..b93ef2f
Binary files /dev/null and b/website/assets/envmaps/grayclouds/negy.jpg differ
diff --git a/website/assets/envmaps/grayclouds/negz.jpg b/website/assets/envmaps/grayclouds/negz.jpg
new file mode 100644
index 0000000..599b011
Binary files /dev/null and b/website/assets/envmaps/grayclouds/negz.jpg differ
diff --git a/website/assets/envmaps/grayclouds/posx.jpg b/website/assets/envmaps/grayclouds/posx.jpg
new file mode 100644
index 0000000..7cdb72f
Binary files /dev/null and b/website/assets/envmaps/grayclouds/posx.jpg differ
diff --git a/website/assets/envmaps/grayclouds/posy.jpg b/website/assets/envmaps/grayclouds/posy.jpg
new file mode 100644
index 0000000..e2137e7
Binary files /dev/null and b/website/assets/envmaps/grayclouds/posy.jpg differ
diff --git a/website/assets/envmaps/grayclouds/posz.jpg b/website/assets/envmaps/grayclouds/posz.jpg
new file mode 100644
index 0000000..f01c474
Binary files /dev/null and b/website/assets/envmaps/grayclouds/posz.jpg differ
diff --git a/website/assets/envmaps/grayclouds/readme.txt b/website/assets/envmaps/grayclouds/readme.txt
new file mode 100644
index 0000000..a2aedc4
--- /dev/null
+++ b/website/assets/envmaps/grayclouds/readme.txt
@@ -0,0 +1,67 @@
+====================================
+Cloudy skyboxes
+---------------
+Last updated August 10, 2012
+====================================
+
+4 color variations of a cloudy afternoon skybox with mixed types of clouds.
+
+I originally just made the blue version, but I figured having some premade variations might be useful.
+
+Blue: high key and somewhat cooled down.
+Gray: more contrast and whitebalanced, more sombre.
+Brown: somewhat of a sickly brown tinted version, a bit reminiscent of aged romantic paintings.
+Yellow: funky bright orange/yellow tinted.
+
+====================================
+Technical Tidbits
+====================================
+
+Max quality baseline JPG compression.
+
+For HDR enabled engines, overbrightening the high-end with a threshold of 0.7 and multiplier of 1.5 seems to look natural.
+There are pure white highlights present inside some of the textures.
+
+The sides are named and oriented in the Quake tradition, you might need to re-orient them for engines that use a different cubemap/skybox layout.
+
+====================================
+License Information:
+====================================
+
+CC-BY 3.0
+
+You are free:
+
+* to Share — to copy, distribute and transmit the work
+* to Remix — to adapt the work
+* to make commercial use of the work
+
+Under the following conditions:
+
+* Attribution — You must attribute the work in the manner specified by the author or licensor (but not in any way that suggests that they endorse you or your use of the work).
+
+With the understanding that:
+
+* Waiver — Any of the above conditions can be waived if you get permission from the copyright holder.
+* Public Domain — Where the work or any of its elements is in the public domain under applicable law, that status is in no way affected by the license.
+* Other Rights — In no way are any of the following rights affected by the license:
+Your fair dealing or fair use rights, or other applicable copyright exceptions and limitations;
+The author's moral rights;
+Rights other persons may have either in the work itself or in how the work is used, such as publicity or privacy rights.
+
+Notice — For any reuse or distribution, you must make clear to others the license terms of this work. The best way to do this is with a link to this webpage*.
+
+( * source: http://creativecommons.org/licenses/by/3.0/ )
+
+====================================
+Author
+====================================
+
+Pieter ‘Spiney’ Verhoeven
+
+web: http://www.spiney.me/
+email: ptr dot vrhvn at gmail dot com
+
+Please do not disclose my email without my permission, I don't like getting spam emails.
+
+Have fun :]
diff --git a/website/o3dv/js/embed.js b/website/o3dv/js/embed.js
index 88d3c71..d1a1d1a 100644
--- a/website/o3dv/js/embed.js
+++ b/website/o3dv/js/embed.js
@@ -67,12 +67,12 @@ OV.Embed = class
     {
         this.viewer.Init (canvas.get (0));
         this.viewer.SetEnvironmentMap ([
-            'assets/envmaps/forest/posx.jpg',
-            'assets/envmaps/forest/negx.jpg',
-            'assets/envmaps/forest/posy.jpg',
-            'assets/envmaps/forest/negy.jpg',
-            'assets/envmaps/forest/posz.jpg',
-            'assets/envmaps/forest/negz.jpg'
+            'assets/envmaps/grayclouds/posx.jpg',
+            'assets/envmaps/grayclouds/negx.jpg',
+            'assets/envmaps/grayclouds/posy.jpg',
+            'assets/envmaps/grayclouds/negy.jpg',
+            'assets/envmaps/grayclouds/posz.jpg',
+            'assets/envmaps/grayclouds/negz.jpg'
         ]);
     }
 
diff --git a/website/o3dv/js/website.js b/website/o3dv/js/website.js
index 3494870..538f0d0 100644
--- a/website/o3dv/js/website.js
+++ b/website/o3dv/js/website.js
@@ -344,12 +344,12 @@ OV.Website = class
         this.viewer.Init (canvas.get (0));
         this.viewer.SetBackgroundColor (this.settings.backgroundColor);
         this.viewer.SetEnvironmentMap ([
-            'assets/envmaps/forest/posx.jpg',
-            'assets/envmaps/forest/negx.jpg',
-            'assets/envmaps/forest/posy.jpg',
-            'assets/envmaps/forest/negy.jpg',
-            'assets/envmaps/forest/posz.jpg',
-            'assets/envmaps/forest/negz.jpg'
+            'assets/envmaps/grayclouds/posx.jpg',
+            'assets/envmaps/grayclouds/negx.jpg',
+            'assets/envmaps/grayclouds/posy.jpg',
+            'assets/envmaps/grayclouds/negy.jpg',
+            'assets/envmaps/grayclouds/posz.jpg',
+            'assets/envmaps/grayclouds/negz.jpg'
         ]);
         this.SetUIState (OV.WebsiteUIState.Intro);
     }