Scene.js 11.1 KB
Newer Older
wangxin's avatar
wangxin committed
1
/**
wangxin's avatar
wangxin committed
2
 * 主场景 v1.2
wangxin's avatar
wangxin committed
3
 */
Li Mingzhe's avatar
Li Mingzhe committed
4 5

cc.Class({
wangxin's avatar
wangxin committed
6 7 8 9 10 11 12 13 14
    extends: cc.Component,

    properties: {
        // 标题
        title: {
            default: null,
            type: cc.Label,
        },

wangxin's avatar
wangxin committed
15 16 17 18 19 20 21 22 23 24 25 26
        // 选项容器(带声音)
        sounds_container: {
            default: null,
            type: cc.Node,
        },

        // 选项容器(图片)
        pic_container: {
            default: null,
            type: cc.Node,
        },

wangxin's avatar
wangxin committed
27 28 29 30 31 32 33 34 35 36 37
        // 选项(带声音)
        op_sound: {
            default: null,
            type: cc.Prefab,
        },

        // 选项(图片)
        op_pic: {
            default: null,
            type: cc.Prefab,
        },
wangxin's avatar
wangxin committed
38

wangxin's avatar
wangxin committed
39
        // 声音,0-进入,1-结束
wangxin's avatar
wangxin committed
40 41 42 43
        sounds: {
            default: [],
            type: [cc.AudioClip],
        },
wangxin's avatar
wangxin committed
44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60

        particle_paper: {
            default: null,
            type: cc.Node,
        },

        _opSoundPos: [], // 选框位置
        _opPicPos: [], // 图片位置
        _rightCount: 0, // 正确个数
    },

    onEnable() {
        cc.game.on("RIGHT", this.answerRight, this);
    },

    onDisable() {
        cc.game.off("RIGHT", this.answerRight, this);
wangxin's avatar
wangxin committed
61 62 63 64 65 66
    },

    // 生命周期 onLoad
    onLoad() {
        this.initSceneData();
        this.initSize();
wangxin's avatar
wangxin committed
67 68 69 70

        // 开启碰撞检查
        var manager = cc.director.getCollisionManager();
        manager.enabled = true;
wangxin's avatar
wangxin committed
71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86
    },

    _imageResList: null,
    _audioResList: null,
    _animaResList: null,
    initSceneData() {
        this._imageResList = [];
        this._audioResList = [];
        this._animaResList = [];
    },

    _designSize: null, // 设计分辨率
    _frameSize: null, // 屏幕分辨率
    _mapScaleMin: null, // 场景中常用缩放(取大值)
    _mapScaleMax: null, // 场景中常用缩放(取小值)
    _cocosScale: null, // cocos 自缩放 (较少用到)
wangxin's avatar
wangxin committed
87

wangxin's avatar
wangxin committed
88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119
    initSize() {
        // 注意cc.winSize只有在适配后(修改fitHeight/fitWidth后)才能获取到正确的值,因此使用cc.getFrameSize()来获取初始的屏幕大小
        let screen_size = cc.view.getFrameSize().width / cc.view.getFrameSize().height;
        let design_size = cc.Canvas.instance.designResolution.width / cc.Canvas.instance.designResolution.height;
        let f = screen_size >= design_size;
        cc.Canvas.instance.fitHeight = f;
        cc.Canvas.instance.fitWidth = !f;

        const frameSize = cc.view.getFrameSize();
        this._frameSize = frameSize;

        this._designSize = cc.view.getDesignResolutionSize();

        let sx = cc.winSize.width / frameSize.width;
        let sy = cc.winSize.height / frameSize.height;
        this._cocosScale = Math.min(sx, sy);

        sx = frameSize.width / this._designSize.width;
        sy = frameSize.height / this._designSize.height;
        this._mapScaleMin = Math.min(sx, sy) * this._cocosScale;
        this._mapScaleMax = Math.max(sx, sy) * this._cocosScale;
    },

    // 生命周期 start
    start() {
        let getData = this.getData.bind(this);
        if (window && window.courseware) {
            getData = window.courseware.getData;
        }

        getData((data) => {
            console.log("data:", data);
wangxin's avatar
wangxin committed
120
            this.data = data || this.getDefaultData();
wangxin's avatar
wangxin committed
121 122 123 124 125
            this.data = JSON.parse(JSON.stringify(this.data));
            this.preloadItem();
        });
    },

wangxin's avatar
wangxin committed
126 127 128 129 130
    getData(cb) {
        cb(this.getDefaultData());
    },

    getDefaultData() {
wangxin's avatar
wangxin committed
131
        const dataJson =
wangxin's avatar
wangxin committed
132
            '{"title":"hello","audio_title":"http://staging-teach.cdn.ireadabc.com/f7fb9f71ab7d460ac2f78c85efba7610.mp3","options":[{"pic_url":"http://staging-teach.cdn.ireadabc.com/004be996ea209e366951a7c4b6a3e55f.jpeg","audio_url":"http://staging-teach.cdn.ireadabc.com/0f0482ddb8c0d3329165ab0612683148.mp3"},{"pic_url":"http://staging-teach.cdn.ireadabc.com/785b0bc1766658373e4ebdcbd694a088.jpeg","audio_url":"http://staging-teach.cdn.ireadabc.com/784cd4188bf126d6c3c9395d9a807619.mp3"},{"pic_url":"http://staging-teach.cdn.ireadabc.com/5433aa00faced2d5e02f9cecce63ba09.jpeg","audio_url":"http://staging-teach.cdn.ireadabc.com/0f0482ddb8c0d3329165ab0612683148.mp3"},{"pic_url":"http://staging-teach.cdn.ireadabc.com/9298013cc63aa40035dbd18f1f8380a8.jpeg","audio_url":"http://staging-teach.cdn.ireadabc.com/784cd4188bf126d6c3c9395d9a807619.mp3"}]}';
wangxin's avatar
wangxin committed
133 134
        const data = JSON.parse(dataJson);
        return data;
wangxin's avatar
wangxin committed
135 136
    },

wangxin's avatar
wangxin committed
137
    preloadItem() {
wangxin's avatar
wangxin committed
138 139 140 141
        this.addPreloadImage();
        this.addPreloadAudio();
        this.addPreloadAnima();
        this.preload();
wangxin's avatar
wangxin committed
142 143 144
    },

    addPreloadImage() {
wangxin's avatar
wangxin committed
145 146
        for (var i = 0; i < this.data.options; i++) {
            this._imageResList.push({ url: this.data.options[i]["pic_url_" + i] });
wangxin's avatar
wangxin committed
147 148 149 150 151
        }
    },

    addPreloadAudio() {
        for (var i = 0; i < this.data.total; i++) {
wangxin's avatar
wangxin committed
152
            this._audioResList.push({ url: this.data.options[i]["audio_url_" + i] });
wangxin's avatar
wangxin committed
153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196
        }
    },

    addPreloadAnima() {},

    preload() {
        const preloadArr = this._imageResList.concat(this._audioResList).concat(this._animaResList);
        cc.assetManager.loadAny(preloadArr, null, null, (err, data) => {
            this.loadEnd();
            if (window && window["air"]) {
                window["air"].hideAirClassLoading();
            }

            cc.debug.setDisplayStats(false);
        });
    },

    loadEnd() {
        this.initData();
        this.initAudio();
        this.initView();
    },

    _cantouch: null,
    initData() {
        // 所有全局变量 默认都是null
        this._cantouch = true;
    },

    audioBtn: null,
    initAudio() {
        const audioNode = cc.find("Canvas/res/audio");

        const getAudioByResName = (resName) => {
            return audioNode.getChildByName(resName).getComponent(cc.AudioSource);
        };

        this.audioBtn = getAudioByResName("btn");
    },

    initView() {
        this.initBg();
        this.initPic();

wangxin's avatar
wangxin committed
197
        this.playSound(0);
wangxin's avatar
wangxin committed
198 199
        // 初始化title
        this.title.string = this.data.title;
wangxin's avatar
wangxin committed
200
        var self = this;
wangxin's avatar
wangxin committed
201

wangxin's avatar
wangxin committed
202 203 204 205 206 207 208 209 210
        let scale = 1;
        let count = this.data.options.length - 4;
        if (count > 0) {
            scale = 1 - count * 0.16;
        }
        this.pic_container.scale = scale;
        this.sounds_container.scale = scale;

        for (let i = 0; i < this.data.options.length; i++) {
wangxin's avatar
wangxin committed
211 212
            const op_s = cc.instantiate(this.op_sound);
            op_s.getComponent("op_sound")._opId = i;
wangxin's avatar
wangxin committed
213
            op_s.getComponent("op_sound")._soundUrl = this.data.options[i].audio_url;
wangxin's avatar
wangxin committed
214
            this.sounds_container.addChild(op_s);
wangxin's avatar
wangxin committed
215

wangxin's avatar
wangxin committed
216 217
            const op_p = cc.instantiate(this.op_pic);
            op_p.getComponent("op_pic")._opId = i;
wangxin's avatar
wangxin committed
218
            op_p.getComponent("op_pic")._picUrl = this.data.options[i].pic_url;
wangxin's avatar
wangxin committed
219 220
            this.pic_container.addChild(op_p);
        }
wangxin's avatar
wangxin committed
221

wangxin's avatar
wangxin committed
222
        this.scheduleOnce(function () {
wangxin's avatar
wangxin committed
223
            self.pic_container.getComponent(cc.Layout).enabled = false;
wangxin's avatar
wangxin committed
224 225 226 227 228 229 230
            self.sounds_container.getComponent(cc.Layout).enabled = false;
            for (let o of this.sounds_container.children) {
                this._opSoundPos.push(o.getPosition());
            }
            for (let o of this.pic_container.children) {
                this._opPicPos.push(o.getPosition());
            }
wangxin's avatar
wangxin committed
231

wangxin's avatar
wangxin committed
232 233 234 235 236 237 238 239 240 241 242 243
            this._opPicPos.sort(this.randomsort);
            this._opSoundPos.sort(this.randomsort);

            for (let i = 0; i < this.sounds_container.children.length; i++) {
                this.sounds_container.children[i].setPosition(this._opSoundPos[i]);
                this.pic_container.children[i].setPosition(this._opPicPos[i]);

                this.pic_container.children[i].getComponent("op_pic")._ori_pos = this._opPicPos[i];

                this.pic_container.children[i].getComponent("op_pic").setPic();
            }
        }, 0.5);
wangxin's avatar
wangxin committed
244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322
    },

    initBg() {
        const bgNode = cc.find("Canvas/bg");
        bgNode.scale = this._mapScaleMax;
    },

    pic1: null,
    pic2: null,
    initPic() {
        const canvas = cc.find("Canvas");
        const maxW = canvas.width * 0.7;

        this.getSprNodeByUrl(this.data.pic_url, (sprNode) => {
            const picNode1 = sprNode;
            picNode1.scale = maxW / picNode1.width;
            picNode1.baseX = picNode1.x;
            canvas.addChild(picNode1);
            this.pic1 = picNode1;

            const labelNode = new cc.Node();
            labelNode.color = cc.Color.YELLOW;
            const label = labelNode.addComponent(cc.Label);
            label.string = this.data.text;
            label.fontSize = 60;
            label.lineHeight = 60;
            label.font = cc.find("Canvas/res/font/BRLNSDB").getComponent("cc.Label").font;
            picNode1.addChild(labelNode);
        });

        this.getSprNodeByUrl(this.data.pic_url_2, (sprNode) => {
            const picNode2 = sprNode;
            picNode2.scale = maxW / picNode2.width;
            canvas.addChild(picNode2);
            picNode2.x = canvas.width;
            picNode2.baseX = picNode2.x;
            this.pic2 = picNode2;

            const labelNode = new cc.Node();
            const label = labelNode.addComponent(cc.RichText);
            const size = 60;
            label.font = cc.find("Canvas/res/font/BRLNSDB").getComponent(cc.Label).font;
            label.string = `<outline color=#751e00 width=4><size=${size}><color=#ffffff>${this.data.text}</color></size></outline>`;
            label.lineHeight = size;
            picNode2.addChild(labelNode);
        });
    },

    // ------------------------------------------------
    getSprNode(resName) {
        const sf = cc.find("Canvas/res/img/" + resName).getComponent(cc.Sprite).spriteFrame;
        const node = new cc.Node();
        node.addComponent(cc.Sprite).spriteFrame = sf;
        return node;
    },

    getSpriteFrimeByUrl(url, cb) {
        cc.loader.load({ url }, (err, img) => {
            const spriteFrame = new cc.SpriteFrame(img);
            if (cb) {
                cb(spriteFrame);
            }
        });
    },

    getSprNodeByUrl(url, cb) {
        const node = new cc.Node();
        const spr = node.addComponent(cc.Sprite);
        this.getSpriteFrimeByUrl(url, (sf) => {
            spr.spriteFrame = sf;
            if (cb) {
                cb(node);
            }
        });
    },

    playAudioByUrl(audio_url, cb = null) {
        if (audio_url) {
            cc.assetManager.loadRemote(audio_url, (err, audioClip) => {
wangxin's avatar
wangxin committed
323
                cc.audioEngine.play(audioClip, false);
wangxin's avatar
wangxin committed
324 325 326 327
            });
        }
    },

wangxin's avatar
wangxin committed
328 329 330 331 332
    // 播放声音
    playSound(index) {
        cc.audioEngine.playEffect(this.sounds[index], false);
    },

wangxin's avatar
wangxin committed
333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356
    randomsort(a, b) {
        return Math.random() > 0.5 ? 1 : -1;
    },

    playTitle() {
        cc.assetManager.loadRemote(this.data.audio_title, (err, audioClip) => {
            cc.audioEngine.playEffect(audioClip, false);
        });
    },

    answerRight() {
        this._rightCount++;
        if (this._rightCount == this.data.options.length) {
            this.scheduleOnce(function () {
                this.playSound(1);
                this.particle_paper.active = true;

                this.scheduleOnce(function () {
                    this.particle_paper.active = false;
                }, 5);
            }, 1);
        }
    },

wangxin's avatar
wangxin committed
357
    // ------------------------------------------
Li Mingzhe's avatar
Li Mingzhe committed
358
});