high-angle

jsm/CameraControls.js

@@ -13,7 +13,7 @@ export default class CameraControls extends OrbitControls {
       this.maxPolarAngle   = 2.1
       this.minAzimuthAngle = 0.9 - Math.PI / 2
       this.maxAzimuthAngle = 2.14 - Math.PI / 2
-      this.target.set(5, 7.5, 0)
+      this.target.set(5, 12.5, 0)
       
       this.addEventListener("start", () => domElement.style.cursor = "grabbing")
       this.addEventListener("end", () => domElement.style.cursor = "grab")

jsm/TetraScene.js

@@ -7,7 +7,7 @@ export class TetraScene extends THREE.Scene {
         super()
 
         this.camera = new THREE.PerspectiveCamera(100, window.innerWidth / window.innerHeight, 0.1, 1000)
-        this.camera.position.set(5, 4, 12)
+        this.camera.position.set(5, 16, 12)
 
         this.vortex = new Vortex(loadingManager)
         this.add(this.vortex)
@@ -55,7 +55,7 @@ export class TetraScene extends THREE.Scene {
             case "Espace":
                 this.ambientLight.intensity     = 7
                 this.directionalLight.intensity = 5
-                this.directionalLight.position.set(5, -20, 20)
+                this.directionalLight.position.set(2, -10, 20)
                 this.music.src = "audio/benevolence.m4a"
             break
             case "Rétro":

jsm/Tetrominoes.js

@@ -172,8 +172,8 @@ InstancedMino.prototype.materials = {
         envMap: environment,
         side: THREE.DoubleSide,
         transparent: true,
-        opacity:   0.8,
+        opacity:   0.85,
-        roughness: 0,
+        roughness: 0.01,
         metalness: 0.99,
     })
 }