Skybox HORRIBLE (trop long a redimentionner) + fix bugs et changement de...

Skybox HORRIBLE (trop long a redimentionner) + fix bugs et changement de location d'appel de fonctions

HERRY-M--HERRY-E/TABLO.js

@@ -38,8 +38,7 @@ function init() {
     cameraControls = new OrbitControls(camera, renderer.domElement);
     cameraControls.target.set(5, 2.6, 0);
 
-    fillScene();
-    animate();
+
 }
 
 function normalizeAndPosition(object, scaleFactor, position) {
@@ -213,7 +212,21 @@ function CreationNappe() {
 
 function fillScene() {
     scene = new THREE.Scene();
-
+    function addSkybox() {
+        const loader = new THREE.CubeTextureLoader();
+        loader.setPath('textures/');
+    
+        const textureCube = loader.load([
+            'px.png', 'nx.png',
+            'py.png', 'ny.png',
+            'pz.png', 'nz.png'
+        ]);
+    
+        scene.background = textureCube; // Appliquer la skybox en arrière-plan
+    }
+    
+    // SKYBOX
+    
     //Brouillard
     scene.fog = new THREE.FogExp2(0xAAAAAA, 0.0025); 
     
@@ -442,12 +455,11 @@ loader6.load(
         scene.add(baton1);
 
         // Mettre à jour la CubeCamera à chaque frame pour les reflets dynamiques
-        function animate() {
+        function animate1() {
             requestAnimationFrame(animate);
             camera.update(renderer, scene); // Met à jour la réflexion à chaque frame
-            renderer.render(scene, camera); // Rendu de la scène
         }
-        animate();
+        animate1();
 
         // Assurez-vous que tous les objets sont visibles dans la réflexion
         scene.traverse(function (child) {
@@ -521,6 +533,7 @@ loader6.load(
 
     CreationTable();
     CreationNappe();
+    addSkybox();
     
 }
 
@@ -546,6 +559,7 @@ function render() {
 
 try {
     init();
+    fillScene();
     animate();
 } catch (e) {
     console.error("Your program encountered an unrecoverable error", e);