one utterance

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.5, 10.5, 0)
+      this.target.set(5, 7.5, 0)
 
       this.addEventListener("start", () => domElement.style.cursor = "grabbing")
       this.addEventListener("end", () => domElement.style.cursor = "grab")

jsm/Stats.js

@@ -192,10 +192,16 @@ class Stats {
 
 
 const speechSynthesisAvailable = 'speechSynthesis' in window;
-function speak(text, volume=1) {
-    if (!speechSynthesisAvailable) return;
-    const utterance = new SpeechSynthesisUtterance(text);
+let utterance;
+if ('SpeechSynthesisUtterance' in window) {
+    utterance = new SpeechSynthesisUtterance();
     utterance.lang = 'fr-FR';
+}
+
+function speak(text, volume=1) {
+    if (!utterance) return;
+
+    utterance.text = text   ;
     utterance.volume = volume;
     speechSynthesis.speak(utterance);
 }

jsm/TetraScene.js

@@ -22,7 +22,7 @@ export class TetraScene extends THREE.Scene {
         this.renderer.domElement.tabIndex = 1
 
         this.camera = new THREE.PerspectiveCamera(100, window.innerWidth / window.innerHeight, 0.1, 1000)
-        this.camera.position.set(5.5, 15, 13)
+        this.camera.position.set(5, 4, 13)
 
         this.controls = new CameraControls(this.camera, this.renderer.domElement)