three-base 2.0.125 → 2.0.126

package/ThreeBase.d.ts

@@ -4,7 +4,7 @@ import ThreeMouse from "./ThreeMouse";
 import Transition from "./Transition";
 export default class ThreeBase extends EventDispatcher {
     constructor();
-    devicePixelRatio: number;
+    minDevicePixelRatio: number;
     baseDepthTexture: DepthTexture;
     baseRenderTarget: WebGLRenderTarget<Texture>;
     renderTarget: WebGLRenderTarget<Texture>;

package/ThreeBase.js

@@ -38,8 +38,8 @@ export default class ThreeBase extends EventDispatcher {
         });
         this.init();
     }
-    // 设置分辨率
-    devicePixelRatio = Math.max(window.devicePixelRatio, 2);
+    // 设置最小分辨率
+    minDevicePixelRatio = 1;
     // 基础深度纹理
     baseDepthTexture = (() => {
         const baseDepthTexture = new DepthTexture(4096, 4096);
@@ -101,8 +101,8 @@ export default class ThreeBase extends EventDispatcher {
             this.rendererLost = false;
         }, false);
         renderer.localClippingEnabled = true;
-        renderer.setPixelRatio(this.devicePixelRatio);
-        renderer.autoClear = false;
+        renderer.setPixelRatio(Math.max(window.devicePixelRatio, this.minDevicePixelRatio)),
+            renderer.autoClear = false;
         renderer.clear();
         renderer.outputColorSpace = SRGBColorSpace;
         // 缓解过暗或者过亮
@@ -194,14 +194,14 @@ export default class ThreeBase extends EventDispatcher {
         // this.orthographicCamera.bottom = -height / width;
         this.orthographicCamera.left = -width / height;
         this.orthographicCamera.right = width / height;
-        this.renderer.setPixelRatio(this.devicePixelRatio);
-        this.renderer.setSize(width, height);
+        this.renderer.setPixelRatio(Math.max(window.devicePixelRatio, this.minDevicePixelRatio)),
+            this.renderer.setSize(width, height);
         // 设置帧缓存区的尺寸
-        this.baseRenderTarget.setSize(width * this.devicePixelRatio, height * this.devicePixelRatio);
+        this.baseRenderTarget.setSize(width * Math.max(window.devicePixelRatio, this.minDevicePixelRatio), height * Math.max(window.devicePixelRatio, this.minDevicePixelRatio));
         // 设置深度纹理的尺寸
-        this.baseDepthTexture.image.width = width * this.devicePixelRatio;
-        this.baseDepthTexture.image.height = height * this.devicePixelRatio;
-        this.size.set(width, height);
+        this.baseDepthTexture.image.width = width * Math.max(window.devicePixelRatio, this.minDevicePixelRatio),
+            this.baseDepthTexture.image.height = height * Math.max(window.devicePixelRatio, this.minDevicePixelRatio),
+            this.size.set(width, height);
         setTimeout(() => {
             this.needRender = true;
         }, 100);
@@ -489,15 +489,15 @@ export default class ThreeBase extends EventDispatcher {
         this.renderer.render(this.scene, camera);
         // 后处理特效渲染(描边,发光,颜色覆盖,bloom,磨砂玻璃)
         this.scene.traverseVisible((obj) => {
-            stroke_pass(this.renderer, camera, obj, this.baseDepthTexture, this.devicePixelRatio);
-            glow_pass(this.renderer, camera, obj, this.baseDepthTexture, this.devicePixelRatio);
-            bloom_pass(this.renderer, camera, obj, this.baseRenderTarget, this.baseDepthTexture, this.devicePixelRatio);
+            stroke_pass(this.renderer, camera, obj, this.baseDepthTexture, Math.max(window.devicePixelRatio, this.minDevicePixelRatio));
+            glow_pass(this.renderer, camera, obj, this.baseDepthTexture, Math.max(window.devicePixelRatio, this.minDevicePixelRatio));
+            bloom_pass(this.renderer, camera, obj, this.baseRenderTarget, this.baseDepthTexture, Math.max(window.devicePixelRatio, this.minDevicePixelRatio));
         });
         this.renderer.setRenderTarget(null);
         this.renderer.clear();
         this.renderRendererTarget(this.baseRenderTarget);
         this.scene.traverseVisible((obj) => {
-            cover_pass(this.renderer, camera, obj, this.baseDepthTexture, this.devicePixelRatio);
+            cover_pass(this.renderer, camera, obj, this.baseDepthTexture, Math.max(window.devicePixelRatio, this.minDevicePixelRatio));
         });
         this.dispatchEvent({ type: "afterRender" });
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "three-base",
-  "version": "2.0.125",
+  "version": "2.0.126",
   "description": "three 3d three-base",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"