cocos-awesome/assets/Scene/Home/Home.ts

import BackHomeBtn from './BackHomeBtn';
const { ccclass, property } = cc._decorator;
const LOAD_SCENE_MIN_SEC: number = 1.2;
enum sceneList {
  'Magnifying_mirror' = '放大镜效果',
  'Scratch_ticket' = '刮刮卡实现',
  'Moving_ghost' = '移动残影效果',
  'Water_spread' = '水波扩散效果（shader）',
  'Follow_spot' = '追光效果（shader）',
  'Mosaic' = '马赛克/像素风（shader）',
  'Dissolve_color' = '溶解效果（shader）',
  'Typer' = '打字机效果',
  'Specular_gloss' = '镜面光泽效果（shader）',
  'Metaball' = '融球效果（shader）',
  'Bullet_Tracking' = '子弹跟踪效果',
  'Circle_avatar' = '圆形头像（shader）',
  'Coin_fly_to_wallet' = '金币落袋效果',
  'Infinite_bg_scroll' = '背景无限滚动',
  'Change_clothes' = '换装',
  'Screen_vibrating' = '震屏效果+动画恢复第一帧',
  'Joystick' = '遥控杆',
  'Filter' = '颜色滤镜',
  'Photo_gallery' = '渐变过渡的相册（shader）',
  'SwitchScene__DoomScreen' = '场景切换效果一',
  'SwitchScene__GlitchMemories' = '场景切换效果二',
  'SwitchScene__Morph' = '场景切换效果三',
  'SwitchScene__Perlin' = '场景切换效果四',
  'SwitchScene__PolkaDotsCurtain' = '场景切换效果五',
  'SwitchScene__SquaresWire' = '场景切换效果六',
  'SwitchScene__Strip' = '场景切换效果七',
  'SwitchScene__Wind' = '场景切换效果八',
}

@ccclass
export default class Home extends cc.Component {
  @property(cc.Node)
  loadingNode: cc.Node = null;
  @property(cc.ProgressBar)
  loadingProgress: cc.ProgressBar = null;
  @property(cc.Node)
  scrollContent: cc.Node = null;
  @property(cc.Prefab)
  scrollItemPrefab: cc.Prefab = null;

  onLoad() {
    this.initScrollItem();
  }

  start() {
    this.judgeJump();
  }

  judgeJump() {
    const sceneName = this.getQueryStringByName('sceneName');
    const isSameVisit = window['isSameVisit'];

    if (!sceneName) return;
    if (isSameVisit) return;

    if (sceneList[sceneName]) {
      window['isSameVisit'] = true;
      this.loadScene(sceneName);
    }
  }

  getQueryStringByName(name) {
    let result = window.location.search.match(new RegExp('[?&]' + name + '=([^&]+)', 'i'));
    return result == null || result.length < 1 ? '' : result[1];
  }

  initScrollItem() {
    for (let key in sceneList) {
      let scrollItem = cc.instantiate(this.scrollItemPrefab);

      scrollItem.getChildByName('label').getComponent(cc.Label).string = sceneList[key];
      scrollItem.on(
        cc.Node.EventType.TOUCH_END,
        () => {
          cc.tween(scrollItem).to(0.1, { scale: 1.05 }).to(0.1, { scale: 1 }).start();
          this.loadScene(key);
        },
        this
      );

      this.scrollContent.addChild(scrollItem);
    }
  }

  beginLoad: boolean = false;
  finishLoadFlag: boolean = false;
  loadTime: number = 0;
  loadSceneName: string = '';
  loadScene(key) {
    if (this.beginLoad) return;
    this.loadingProgress.progress = 0;
    this.loadingNode.active = true;
    this.beginLoad = true;
    this.loadSceneName = key;

    cc.director.preloadScene(
      key,
      (completedCount, totalCount) => {
        // 还是做假进度条吧，缓存之后太快了，一闪而过的体验不好
        // this.loadingProgress.progress = completedCount / totalCount;
      },
      (error, asset) => {
        if (!error) {
          this.finishLoadFlag = true;
        } else {
          this.loadingNode.active = false;
          this.beginLoad = false;
          this.loadTime = 0;
        }
      }
    );
  }

  update(dt) {
    if (!this.beginLoad) return;

    if (this.loadTime >= LOAD_SCENE_MIN_SEC && this.finishLoadFlag) {
      this.loadingProgress.progress = 1;
      BackHomeBtn.instance.toggleActive(true);
      cc.director.loadScene(this.loadSceneName);
    } else {
      this.loadTime += dt;
      this.loadingProgress.progress = Math.min(this.loadTime / LOAD_SCENE_MIN_SEC, this.finishLoadFlag ? 1 : 0.9);
    }
  }
}