美文网首页
添加全局按钮点击音效

添加全局按钮点击音效

作者: Nimanggi | 来源:发表于2020-07-04 16:00 被阅读0次

Cocos Creator v2.4.0

起因:做一个小游戏需要在按钮点击的时候添加一个音效。
需求:全部的按钮在点击的时候都要播放这个音效。

  1. 启动场景中加载了一个全局控制类,可以不加,不重要。
onLoad() {
        const GameGlobal = require('GameGlobal');
        window.GameGlobal = new GameGlobal();
    },
  1. 在这个类创建的时候执行如下“添加全局按钮点击音效”的方法。
// Learn cc.Class:
//  - https://docs.cocos.com/creator/manual/en/scripting/class.html
// Learn Attribute:
//  - https://docs.cocos.com/creator/manual/en/scripting/reference/attributes.html
// Learn life-cycle callbacks:
//  - https://docs.cocos.com/creator/manual/en/scripting/life-cycle-callbacks.html

const GameGlobal = cc.Class({
    extends: cc.Component,

    properties: {
        // foo: {
        //     // ATTRIBUTES:
        //     default: null,        // The default value will be used only when the component attaching
        //                           // to a node for the first time
        //     type: cc.SpriteFrame, // optional, default is typeof default
        //     serializable: true,   // optional, default is true
        // },
        // bar: {
        //     get () {
        //         return this._bar;
        //     },
        //     set (value) {
        //         this._bar = value;
        //     }
        // },
    },

    // LIFE-CYCLE CALLBACKS:

    ctor() {
        this.addBtnAudioEffect();
    },

    // onLoad () {},

    start() {

    },

    // update (dt) {},

    // 添加全局按钮点击音效
    addBtnAudioEffect() {
        // 全局按钮响应
        // 添加点击音效
        (function () {

            let btnAudioClip = null;

            cc.resources.load('audio/touch', cc.AudioClip, (err, clip) => {
                if (err) {
                    cc.error(err.message || err);
                    return;
                }

                btnAudioClip = clip;
            });

            let Super = function () { };
            Super.prototype = cc.Button.prototype;
            //实例化原型
            Super.prototype._onTouchEnded = function (t) {
                if (this.interactable && this.enabledInHierarchy) {

                    if (btnAudioClip && btnAudioClip instanceof cc.AudioClip) {
                        let audioID = cc.audioEngine.play(btnAudioClip, false, 0.5);
                    }

                    if (this._pressed) {
                        cc.Component.EventHandler.emitEvents(this.clickEvents, t);
                        this.node.emit('click', this);
                    }
                    this._pressed = !1;
                    this._updateState();
                    t.stopPropagation();
                }
            };
        })();
    },
});

相关文章

  • 添加全局按钮点击音效

    Cocos Creator v2.4.0 起因:做一个小游戏需要在按钮点击的时候添加一个音效。需求:全部的按钮在点...

  • Android 添加按钮点击音效

    最近项目中遇到的一个需求:点击金币,播放金币掉落的声音。实现方式如下: 1. 在res下新建raw,把资源文件co...

  • 加载本地沙盒音效

    点击按钮会有音效、进入某个vc会播放背景音乐等,都是加载本地沙盒的音效 0.本地沙盒中添加音效: 1.加载音效的方...

  • iOS - 添加一个全局悬浮按钮

    iOS - 添加一个全局悬浮按钮 iOS - 添加一个全局悬浮按钮

  • 2019-04-24 vue css实现按钮淡入淡出效果

    具体场景:点击添加显示删除按钮,此时删除按钮淡入;点击删除按钮,删除按钮淡出 注意:在点击添加按钮,删除按钮淡入时...

  • 5. VirtualBox添加Host-Only网络

    添加全局配置网络 打开偏好设置->网络,切换到仅主机(Host-Only)网络 点击右边的添加网络按钮,添加一个网...

  • JavaScript 点击事件 - 一个按钮触发另一个按钮

    给按钮 2 添加点击事件 click 触发按钮 1 的点击事件,就算给按钮 1 添加样式 display: non...

  • xcode脚本

    一、自动增加脚本 点击添加按钮 点击添加按钮 添加脚本 编译运行、查看build version (递增) 二、运...

  • js_homework_1

    点击添加可以添加方块,点击闪烁,每个方块可以闪烁各种颜色,并且闪烁按钮变为暂停按钮,点击暂停则停止闪烁:

  • 微信小程序为按钮添加点击音效

    1.实现原理 文档地址: 2.实现代码 3.注意点 若音频为本地文件,src路径需要是绝对路径 4.更多小程序de...

网友评论

      本文标题:添加全局按钮点击音效

      本文链接:https://www.haomeiwen.com/subject/awmuqktx.html