Skip to content
(*.221.232.212) 조회 수 13524 추천 수 0 댓글 2
?

단축키

Prev이전 문서

Next다음 문서

+ - Up Down Comment Print
?

단축키

Prev이전 문서

Next다음 문서

+ - Up Down Comment Print
12. Sound

12. 1 효과음

01. Cocos2D HTML 폴더의 하부 폴더인 template 폴더를 
웹서버의 htdoc 폴더로 복사한 후 SoundExam로 이름을 바꿉니다. 
기본 폴더로 설치하셨다면 경로는 C:\xampp\htdocs\SoundExam이 됩니다.

02. Cocos2D HTML 폴더의 tests\res\Images\grossini.png와 
test\res\background.mp3, background.ogg, effect2.mp3, 
effect2.ogg 파일을 SoundExam의 res 폴더로 복사합니다.

03. SoundExam\src\resource.js를 수정합니다.

var g_ressources = [
    {type:"image", src:"res/grossini.png"},
    {type:"bgm", src:"res/background"},
    {type:"effect", src:"res/effect2"}
];

04. myApp.js의 MyLayer 부분을 다음과 같이 수정합니다.

var MyLayer = cc.Layer.extend({
    init:function () {
        this._super();

        var size = cc.Director.getInstance().getWinSize();
var item = cc.MenuItemImage.create("res/grossini.png", "res/grossini.png", this, this.Callback);
        this.menu = cc.Menu.create(item);
        this.menu.setPosition(cc.p(size.width / 2, size.height / 2));
        this.addChild(this.menu);
                
        return true;
    },
    Callback:function () {
    soundId = cc.AudioEngine.getInstance().playEffect("res/effect2");    
    }
});

[예제 12-1]




효과음 반복 재생

soundId = cc.AudioEngine.getInstance().playEffect("res/effect2", true);





효과음 볼륨 조정

cc.AudioEngine.getInstance().setEffectsVolume(0.5);





효과음 재생 정지

cc.AudioEngine.getInstance().stopEffect(soundId);





효과음 재생 잠시 정지

cc.AudioEngine.getInstance().pauseEffect(soundId);





효과음 재생 재개

cc.AudioEngine.getInstance().resumeEffect(soundId);





모든 효과음 재생 잠시 정지

cc.AudioEngine.getInstance().pauseAllEffects();





모든 효과음 재생 재개

cc.AudioEngine.getInstance().resumeAllEffects();





모든 효과음 재생 정지

cc.AudioEngine.getInstance().stopAllEffects();





12. 2 배경음악

var MyLayer = cc.Layer.extend({
    init:function () {
        this._super();

        var size = cc.Director.getInstance().getWinSize();
var item = cc.MenuItemImage.create("res/grossini.png", "res/grossini.png", this, this.Callback);
        this.menu = cc.Menu.create(item);
        this.menu.setPosition(cc.p(size.width / 2, size.height / 2));
        this.addChild(this.menu);
                
        return true;
    },
    Callback:function () {
    cc.AudioEngine.getInstance().playBackgroundMusic('res/background', false);
    }
});

[예제 12-2]





배경음악 반복 재생

cc.AudioEngine.getInstance().playBackgroundMusic('res/background', true);




배경음악 재생 중지

cc.AudioEngine.getInstance().stopBackgroundMusic();




배경음악 잠깐 정지

cc.AudioEngine.getInstance().pauseBackgroundMusic();




배경음악 재생 재개

cc.AudioEngine.getInstance().resumeBackgroundMusic();




배경음악 되감기

cc.AudioEngine.getInstance().rewindBackgroundMusic();




배경음악 볼륨 조정

cc.AudioEngine.getInstance().setBackgroundMusicVolume(0.5);




배경음악 재생 여부 확인

if (cc.AudioEngine.getInstance().isBackgroundMusicPlaying()) {
        cc.log("background music is playing");
}
else {
        cc.log("background music is not playing");
}



12. 3 생각해보기

-CocosDenshionTest

  • ?
    용섭 2013.05.30 12:41 (*.216.163.54)

    playBackgroundMusic이

    playMusic으로 바꼈습니다.


  • ?
    용섭 2013.05.30 12:42 (*.216.163.54)

    리소스 타입도 bgm과 effect가 아니라

    sound로 통일이 됐네요..


List of Articles
번호 제목 글쓴이 조회 수 날짜
공지 HTML5 참고 사이트 모음 신큰특스 161210 2010.08.29
공지 소스 코드는 Code Highlighter를 이용해주세요. sincntx 74381 2010.08.29
공지 강좌 / 팁 이용 안내 sincntx 73005 2010.08.29
95 [강좌] Cocos2D HTML5 #14. Etc 신큰특스 17130 2012.12.03
94 [강좌] Cocos2D HTML5 #13. Schedule 신큰특스 13507 2012.11.30
» [강좌] Cocos2D HTML5 #12. Sounds 2 신큰특스 13524 2012.11.29
92 [강좌] Cocos2D HTML5 #11. Transitions 신큰특스 13715 2012.11.27
91 [강좌] Cocos2D HTML5 #10. Action 신큰특스 14816 2012.11.26
90 [강좌] Cocos2D HTML5 #9. Animation 1 신큰특스 15978 2012.11.23
89 [강좌] Cocos2D HTML5 #8. Menu 2 신큰특스 14127 2012.11.22
88 [강좌] Cocos2D HTML5 #7. Label 1 신큰특스 16009 2012.11.19
87 [강좌] Cocos2D HTML5 #6. Sprite 4 신큰특스 32374 2012.11.15
86 [강좌] Cocos2D HTML5 #5. Event 1 file 신큰특스 14368 2012.11.15
85 [강좌] Cocos2D HTML5 #4. Position 4 file 신큰특스 14019 2012.11.13
84 [강좌] Cocos2D HTML5 #3. Hello World 3 file 신큰특스 16621 2012.11.11
83 [강좌] Cocos2D HTML5 #2. Cocos2D HTML5 Concept file 신큰특스 18503 2012.11.01
82 [강좌] Cocos2D HTML5 #1. Cocos2D HTML5 시작하기 3 file 신큰특스 26336 2012.10.30
81 [강좌] Cocos2D Javascript #6. 출판 관련 5 file 신큰특스 15677 2012.07.19
80 [강좌] Cocos2D Javascript #5. 기본 개념 신큰특스 16710 2012.06.21
79 기본적인 HTML 문서 신큰특스 14557 2012.04.24
78 [강좌] HTML5로 게임 만들기 #4. Hello World file 신큰특스 13256 2012.04.24
77 [강좌] HTML5로 게임 만들기 #3. Cocos2d 설치하기 3 file 신큰특스 13726 2012.04.24
76 HTML5의 호환성 여부 평가 사이트 1 신큰특스 14982 2012.01.03
Board Pagination ‹ Prev 1 2 3 4 5 6 Next ›
/ 6

나눔글꼴 설치 안내


이 PC에는 나눔글꼴이 설치되어 있지 않습니다.

이 사이트를 나눔글꼴로 보기 위해서는
나눔글꼴을 설치해야 합니다.

설치 취소

Designed by sketchbooks.co.kr / sketchbook5 board skin

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Copyright by sincntx 2014 All rights reserved.

sketchbook5, 스케치북5

sketchbook5, 스케치북5