Skip to content
(*.221.232.212) 조회 수 13529 추천 수 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 21:41 (*.216.163.54)

    playBackgroundMusic이

    playMusic으로 바꼈습니다.


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

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

    sound로 통일이 됐네요..


List of Articles
번호 제목 글쓴이 조회 수 날짜
공지 HTML5 참고 사이트 모음 신큰특스 161239 2010.08.30
공지 소스 코드는 Code Highlighter를 이용해주세요. sincntx 74404 2010.08.30
공지 강좌 / 팁 이용 안내 sincntx 73029 2010.08.30
101 HTML5 표준 프레임워크 신큰특스 10578 2014.04.08
100 IE Tester 신큰특스 8155 2014.04.01
99 앱템플릿 예제 활용 사이트 공유합니다. 씨트린 17418 2013.08.23
98 Cocos2d Javascipt 쉽게 사용하기!! 1 마니라네 10425 2013.07.10
97 [강좌] Cocos2D HTML5 앞으로에 대해서 9 신큰특스 16775 2012.12.07
96 [강좌] Cocos2D HTML5 #15. 갤러그 만들기 4 신큰특스 23866 2012.12.04
95 [강좌] Cocos2D HTML5 #14. Etc 신큰특스 17141 2012.12.03
94 [강좌] Cocos2D HTML5 #13. Schedule 신큰특스 13548 2012.11.30
» [강좌] Cocos2D HTML5 #12. Sounds 2 신큰특스 13529 2012.11.29
92 [강좌] Cocos2D HTML5 #11. Transitions 신큰특스 13724 2012.11.27
91 [강좌] Cocos2D HTML5 #10. Action 신큰특스 14863 2012.11.26
90 [강좌] Cocos2D HTML5 #9. Animation 1 신큰특스 15986 2012.11.24
89 [강좌] Cocos2D HTML5 #8. Menu 2 신큰특스 14135 2012.11.23
88 [강좌] Cocos2D HTML5 #7. Label 1 신큰특스 16024 2012.11.19
87 [강좌] Cocos2D HTML5 #6. Sprite 4 신큰특스 32398 2012.11.16
86 [강좌] Cocos2D HTML5 #5. Event 1 file 신큰특스 14381 2012.11.15
85 [강좌] Cocos2D HTML5 #4. Position 4 file 신큰특스 14029 2012.11.13
84 [강좌] Cocos2D HTML5 #3. Hello World 3 file 신큰특스 16641 2012.11.12
83 [강좌] Cocos2D HTML5 #2. Cocos2D HTML5 Concept file 신큰특스 18521 2012.11.02
82 [강좌] Cocos2D HTML5 #1. Cocos2D HTML5 시작하기 3 file 신큰특스 26381 2012.10.30
Board Pagination ‹ Prev 1 2 3 4 5 6 7 Next ›
/ 7

나눔글꼴 설치 안내


이 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