@baidumap/mapv-three 1.0.0 → 1.0.1

package/dist/devtool/panel.js

@@ -84,6 +84,8 @@ export const createEngineConfigs = (gui, engine) => {
     const folderShadow = folderFeatures.addFolder('shadow');
     folderShadow.add(rendering.shadow, 'enabled').onChange(requestRender);
     folderShadow.add(rendering.shadow, 'method', ['default', 'csm']).onChange(requestRender);
+    folderShadow.add(rendering.shadow, 'shadowMapSize', [512, 1024, 2048, 4096, 8192]).onChange(requestRender);
+    folderShadow.add(rendering.shadow, 'maxDistance').onChange(requestRender);
     // folderShadow.add(rendering.shadow._csmShadow, 'shadowBias').onChange(requestRender);
     // folderShadow.add(rendering.shadow._csmShadow, 'showHelper').onChange(requestRender);
 
@@ -358,34 +360,68 @@ export const createWaterConfigs = (gui, engine, waterMaterial, name = 'water') =
         waterColor: '#001e0f',
         reflectionColor: '#001e0f',
         finalColor: '#bfd9ff',
+        crestFoamColor: '#9292CD',
     };
     const requestRender = () => engine.requestRender();
+
     if (gui.__folders && Object.keys(gui.__folders).includes(name)) {
         gui.removeFolder(gui.__folders[name]);
     }
-    const folderWater = gui.addFolder(name);
-    folderWater.add(waterMaterial, 'autoScale').onChange(requestRender);
-    folderWater.add(waterMaterial, 'size').onChange(requestRender);
-    folderWater.add(waterMaterial, 'distortionScale').onChange(requestRender);
-    folderWater.add(waterMaterial, 'timeScaleFactor').onChange(requestRender);
-    folderWater.add(waterMaterial, 'alpha').onChange(requestRender);
-    folderWater.addColor(config, 'sunColor').onChange(value => {
+
+    const folder = gui.addFolder(name);
+
+    folder.add(waterMaterial, 'autoScale').onChange(requestRender);
+    folder.add(waterMaterial, 'size', 0.1, 10.0).onChange(requestRender);
+    folder.add(waterMaterial, 'alpha', 0, 1).onChange(requestRender);
+    folder.add(waterMaterial, 'distortionScale', 0.0, 20.0).onChange(requestRender);
+    folder.add(waterMaterial, 'timeScaleFactor', 0.0, 0.01).onChange(requestRender);
+    folder.add(waterMaterial, 'foamSpeed', 0.0, 4).onChange(requestRender);
+    folder.add(waterMaterial, 'depthSoftness', 0.0, 100.0).onChange(requestRender);
+    folder.add(waterMaterial, 'foamDepthSoftness', 0.0, 10.0).onChange(requestRender);
+    folder.add(waterMaterial, 'foamSoftness', 0.0, 10.0).onChange(requestRender);
+    folder.add(waterMaterial, 'foamScale', 10.0, 500.0).onChange(requestRender);
+
+    folder.addColor(config, 'sunColor').onChange(value => {
         waterMaterial.uniforms.sunColor.value.set(value);
         requestRender();
     });
-    folderWater.addColor(config, 'waterColor').onChange(value => {
-        waterMaterial.uniforms.waterColor.value.set(value);
+    folder.addColor(config, 'waterColor').onChange(value => {
+        const color = new THREE.Color(value);
+        waterMaterial.waterColor = color.toArray();
         requestRender();
     });
-    folderWater.addColor(config, 'reflectionColor').onChange(value => {
+    folder.addColor(config, 'reflectionColor').onChange(value => {
         waterMaterial.uniforms.reflectionColor.value.set(value);
         requestRender();
     });
-    folderWater.addColor(config, 'finalColor').onChange(value => {
+    folder.addColor(config, 'finalColor').onChange(value => {
         waterMaterial.uniforms.finalColor.value.set(value);
         requestRender();
     });
-    folderWater.add(waterMaterial, 'style', ['river', 'lake', 'ocean']).onChange(requestRender);
+
+    folder.add(waterMaterial, 'offsetScale', 1.0, 100.0).onChange(value => {
+        waterMaterial.offsetScale = value;
+        requestRender();
+    });
+
+    folder.add(waterMaterial, 'crestFoam', 0.0, 1.0).onChange(value => {
+        waterMaterial.crestFoam = value;
+        requestRender();
+    });
+
+    folder.add(waterMaterial, 'specularStrength', 1, 10).onChange(value => {
+        waterMaterial.specularStrength = value;
+        requestRender();
+    });
+
+
+    folder.addColor(config, 'crestFoamColor').onChange(value => {
+        const color = new THREE.Color(value);
+        waterMaterial.crestFoamColor = color.toArray();
+        requestRender();
+    });
+
+    folder.add(waterMaterial, 'style', ['river', 'lake', 'ocean']).onChange(requestRender);
 };
 
 export const createHeightMaterialConfigs = (gui, engine, material, name = 'heightMaterial') => {