添加渲染优化

public/roll-call/index.html

@@ -185,7 +185,7 @@
     controls.maxDistance = 6000;
     controls.addEventListener('change', render);
     // 初始化
-    transform(targets.table, 1000);
+    transform(targets.table, 300);
     window.addEventListener('resize', onWindowResize, false);
     cpx = camera.position.x;
     cpy = camera.position.y;
@@ -222,12 +222,17 @@
 
     // console.log(document.querySelectorAll('.element'), '1212')
     setTimeout(() => {
-      if (moving) {
+      if (moving || type === 2) {
         const elements = document.querySelectorAll('.element')
         if (elements.length > 0) {
-          console.log('111')
-          elements.forEach((e) => {
-            e.classList.remove('hide')
+          elements.forEach((e, index) => {
+            if (type === 2) {
+              if (index >= 32) {
+                e.classList.add('hide')
+              }
+            } else {
+              e.classList.remove('hide')
+            }
           })
         }
       }
@@ -323,51 +328,14 @@
     data: {
       animationStatus: false,
       tableIndex: 0,
-      listShow: false,
-      spic: {
-        img: '',
-        name: ''
-      },
-      price1: [],//一等奖        // {name:'白富友3',img:'./img/pic.jpg'}
-      price2: [],//二等奖
-      price3: [],//三等奖
-      lens: [3, 4, 5],   //奖励名额
-      priceNow: '三等奖'
+      listShow: false
     },
     methods: {
       keyDowns: function () {
         this.closes();
       },
-      //判断奖品登记
-      // ckPrice: function () {
-      //   var res = '三等奖';
-      //   var len1 = this.price1.length;
-      //   var len2 = this.price2.length;
-      //   var len3 = this.price3.length;
-      //   var lens = this.lens;
-      //   if (lens[2] <= len3) {
-      //     if (lens[1] <= len2) {
-      //       if (lens[0] <= len1) {
-      //         if (this.spic.img != '') {
-      //           res = '特等奖';
-      //         } else {
-      //           res = '特等奖';
-      //         }
-      //       } else {
-      //         res = '一等奖';
-      //       }
-      //     } else {
-      //       res = '二等奖';
-      //     }
-      //   }
-      //   this.priceNow = res;
-      // },
       //开始
       start: function () {
-        // if (vm.spic.img != '') {
-        //   alert("抽完咯~~~完咯~~~咯~~~,在中奖名单中清空，再来一次？");
-        //   return;
-        // }
         if (this.tableIndex <= 1) {
           return
         }
@@ -407,48 +375,14 @@
         objectsss.position.y = 20000;
         objectsss.scale.set(1, 1, 1);
         // 星空背景图重置
-        transform(targets.table, 400);
+        transform(targets.table, 400, 2);
         // music.pause();
         // this.ckPrice();
       },
-      // 储存得奖名单
-      // choosePerson: function () {
-      //   var img = document.getElementById('changeImg').src;
-      //   var txt = document.getElementById("detailss").innerHTML;
-
-      //   var img2 = document.getElementById('changeImg');
-      //   var txt2 = document.getElementById("detailss");
-
-      //   var obj = {
-      //     img: img,
-      //     name: txt
-      //   };
-      //   var len3 = this.price3.length;
-      //   var len2 = this.price2.length;
-      //   var len1 = this.price1.length;
-      //   if (len3 < this.lens[2]) {
-      //     this.price3.push(obj);
-      //   } else {
-      //     if (len2 < this.lens[1]) {
-      //       this.price2.push(obj);
-      //     } else {
-      //       if (len1 < this.lens[0]) {
-      //         this.price1.push(obj);
-      //       } else {
-      //         if (this.spic.img == '') {
-      //           this.spic = obj;
-      //         } else {
-      //           alert("抽完咯，完咯~~咯~~~");
-      //         }
-      //       }
-      //     }
-      //   }
-      //   var json = JSON.stringify([this.price1, this.price2, this.price3, this.spic]);
-      //   localStorage.setItem('pricesListm', json);
-      // },
       onBack() {
         // 返回时先结束
         this.closes()
+        this.resets()
         window.parent.postMessage({
           api: 'callBack',
           loading: false,