diff --git a/package-lock.json b/package-lock.json
index 19c6ffc..a6c3e8f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12898,6 +12898,11 @@
         "sha.js": "^2.4.8"
       }
     },
+    "penner": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npm.taobao.org/penner/download/penner-0.1.3.tgz",
+      "integrity": "sha1-C4tILU6bOa8vPXw3WSIpuKzClwU="
+    },
     "perfect-scrollbar": {
       "version": "1.5.0",
       "resolved": "https://registry.npm.taobao.org/perfect-scrollbar/download/perfect-scrollbar-1.5.0.tgz",
@@ -12975,6 +12980,14 @@
         "@pixi/filter-zoom-blur": "3.1.1"
       }
     },
+    "pixi-viewport": {
+      "version": "4.20.0",
+      "resolved": "https://registry.npm.taobao.org/pixi-viewport/download/pixi-viewport-4.20.0.tgz",
+      "integrity": "sha1-Gu3vsQhZqv7toJUJ8o4jNvaVDQ4=",
+      "requires": {
+        "penner": "^0.1.3"
+      }
+    },
     "pixi.js": {
       "version": "5.3.3",
       "resolved": "https://registry.npm.taobao.org/pixi.js/download/pixi.js-5.3.3.tgz",
@@ -15913,6 +15926,11 @@
         }
       }
     },
+    "three": {
+      "version": "0.125.2",
+      "resolved": "https://registry.npm.taobao.org/three/download/three-0.125.2.tgz",
+      "integrity": "sha1-3LoSdJoutBUi4VISuRnNP79ymxI="
+    },
     "through": {
       "version": "2.3.8",
       "resolved": "https://registry.npm.taobao.org/through/download/through-2.3.8.tgz",
diff --git a/package.json b/package.json
index 0479b61..34586ad 100644
--- a/package.json
+++ b/package.json
@@ -35,9 +35,11 @@
     "ngx-echarts": "^4.2.2",
     "ngx-perfect-scrollbar": "^8.0.0",
     "pixi-filters": "^3.1.1",
+    "pixi-viewport": "^4.20.0",
     "pixi.js": "^5.3.2",
     "rxjs": "~6.5.4",
     "swiper": "^5.3.7",
+    "three": "^0.125.2",
     "tslib": "^1.10.0",
     "viewerjs": "^1.9.0",
     "zone.js": "~0.10.2"