Minor

css/app.css

@@ -1 +1 @@
-body,html{width:100%;height:100%;padding:0;margin:0;overflow:hidden;background-color:black;}canvas{width:100%;height:100%;}#svg{display:none;}.debug #svg{display:block;position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;}
+body,html{width:100%;height:100%;padding:0;margin:0;overflow:hidden;}body{background-color:#141414;background:-webkit-radial-gradient(#1a1a1a, #000000);background:radial-gradient(#1a1a1a, #000000);}canvas{width:100%;height:100%;}#svg{display:none;}.debug #svg{display:block;position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;}

index.js

@@ -8,7 +8,7 @@ var sceneHeight = window.innerHeight;
 
 var camera = new THREE.PerspectiveCamera( 75, sceneHeight / sceneWidth, 0.1, 2500 );
 
-var renderer = new THREE.WebGLRenderer({ alpha: true});
+var renderer = new THREE.WebGLRenderer({ alpha: true, antialias: true});
 renderer.setSize(sceneWidth, sceneHeight);
 document.body.appendChild( renderer.domElement );
 

package.json

@@ -10,7 +10,7 @@
   "license": "BSD-2-Clause",
   "dependencies": {
     "three": "~0.66.2",
-    "libxml-to-js": "~0.3.11",
+    "libxml-to-js": "~0.3.11"
   },
   "devDependencies": {
     "express": "^4.3.1",

scss/app.scss

@@ -6,7 +6,10 @@ html
     padding: 0;
     margin: 0;
     overflow: hidden;
-    background-color: black;
+}
+body {
+    background-color: lighten(black, 8%);
+    background: radial-gradient(lighten(black, 10%), black);
 }
 canvas {
     width: 100%;