first commit

assets/scripts/StartScene.ts

@@ -0,0 +1,160 @@
+import {
+  _decorator,
+  Component,
+  Node,
+  tween,
+  UIOpacity,
+  Vec3,
+  director,
+  Button,
+  AudioClip,
+  AudioSource,
+  Toggle,
+} from "cc";
+import { AudioManager, BGMType, SFXType } from "./AudioManager";
+const { ccclass, property } = _decorator;
+
+@ccclass("StartScene")
+export class StartScene extends Component {
+  @property(Node)
+  background: Node = null;
+
+  @property(Node)
+  logo: Node = null;
+
+  @property(Node)
+  startButton: Node = null;
+
+  @property(Node)
+  setting_node: Node = null;
+
+  @property(Node)
+  setting_tab_node: Node = null;
+
+  @property(AudioClip)
+  bg_audio: AudioClip = null;
+
+  @property(Toggle)
+  bgmToggle: Toggle = null!;
+
+  @property(Toggle)
+  sfxToggle: Toggle = null!;
+
+  onLoad() {
+    const am = AudioManager.instance;
+
+    // 注册首页 BGM 和音效
+    am.registerBGM(BGMType.Home, this.bg_audio);
+
+    // 初始化 Toggle 状态
+    this.bgmToggle.isChecked = am.bgmEnabled;
+    this.sfxToggle.isChecked = am.sfxEnabled;
+
+    //  am.registerSFX(SFXType.Item, this.startClickClip);
+    am.setCurBgm(BGMType.Home);
+    am.playBGM(BGMType.Home);
+    // 监听切换事件
+    this.bgmToggle.node.on("toggle", this.onBgmToggleChanged, this);
+    this.sfxToggle.node.on("toggle", this.onSfxToggleChanged, this);
+  }
+
+  start() {
+    // 初始化透明度
+    const bgOpacity = this.background.addComponent(UIOpacity);
+    bgOpacity.opacity = 0;
+
+    const logoOpacity = this.logo.addComponent(UIOpacity);
+    logoOpacity.opacity = 0;
+    this.logo.setScale(new Vec3(0.5, 0.5, 1));
+
+    const btnOpacity = this.startButton.addComponent(UIOpacity);
+    btnOpacity.opacity = 0;
+
+    // 背景渐入
+    tween(bgOpacity).to(1, { opacity: 255 }).start();
+
+    // Logo 缩放 + 渐入
+    tween(logoOpacity).delay(0.5).to(1, { opacity: 255 }).start();
+
+    tween(this.logo)
+      .delay(0.5)
+      .to(1, { scale: new Vec3(1.1, 1.1, 1) })
+      .to(0.3, { scale: new Vec3(1, 1, 1) })
+      .start();
+
+    // 按钮呼吸动画
+    tween(btnOpacity)
+      .delay(1.2)
+      .to(0.8, { opacity: 255 })
+      .call(() => {
+        this.playButtonBreathing();
+      })
+      .start();
+
+    // 按钮点击事件
+    // this.startButton.on(Button.EventType.CLICK, this.onStartGame, this);
+  }
+
+  onBgmToggleChanged(toggle: Toggle) {
+    AudioManager.instance.setBGMEnabled(toggle.isChecked);
+  }
+
+  onSfxToggleChanged(toggle: Toggle) {
+    AudioManager.instance.setSFXEnabled(toggle.isChecked);
+  }
+
+  playButtonBreathing() {
+    tween(this.startButton)
+      .repeatForever(
+        tween()
+          .to(0.6, { scale: new Vec3(1.1, 1.1, 1) })
+          .to(0.6, { scale: new Vec3(1, 1, 1) })
+      )
+      .start();
+  }
+
+  onStartGame() {
+    // 按钮点击反馈动画
+    tween(this.startButton)
+      .to(0.1, { scale: new Vec3(0.9, 0.9, 1) })
+      .to(0.1, { scale: new Vec3(1, 1, 1) })
+      .call(() => {
+        director.loadScene("s1"); // 这里替换为你的第一关场景名
+      })
+      .start();
+  }
+
+  onShowSettingTab() {
+    this.setting_tab_node.active = true;
+  }
+
+  onHideSettingTab() {
+    this.setting_tab_node.active = false;
+  }
+
+  onSwitchMusic(toggle) {
+    // this.audioMgr.bgmSource = this.node.getComponent(AudioSource);
+
+    if (toggle.isChecked) {
+      // this.audioMgr.setBGMEnabled(true);
+      // this.audioMgr.playBGM(this.bg_audio);
+      // this.playBgAudio();
+    } else {
+      // this.audioMgr.setBGMEnabled(false);
+      // this.notPlayBgAudio();
+      // this.audioMgr.playBGM(this.bg_audio);
+    }
+  }
+
+  playBgAudio() {
+    const Audio = this.node.getComponent(AudioSource);
+    Audio.clip = this.bg_audio;
+    Audio.play();
+  }
+
+  notPlayBgAudio() {
+    const Audio = this.node.getComponent(AudioSource);
+    Audio.clip = this.bg_audio;
+    Audio.stop();
+  }
+}