rpg_scene.js 파일을 살펴보시면

 

타이틀 화면을 보여주는 함수를 살펴보실 수 있습니다.

Scene_Title.prototype.start = function() {
　Scene_Base.prototype.start.call(this);
　SceneManager.clearStack();
　this.centerSprite(this._backSprite1);
　this.centerSprite(this._backSprite2);
　this.playTitleMusic();
　this.startFadeIn(this.fadeSpeed(), false);
};

 

여기에서 전체적인 흐름을 살펴보실 수 있습니다.

 

 

우선은 해당 함수 스스로를 실행하는 부분이 있습니다.

 

Scene_Base.prototype.start.call(this);

 

 

다음으로는 SceneManager가 화면에 그리는 그리는

 

목록을 비우는 부분이 있습니다.

SceneManager.clearStack = function() {
　this._stack = [];
};

 

 

이후에 배경 스트라이프 2개를 중앙에 그립니다.

this.centerSprite(this._backSprite1);
this.centerSprite(this._backSprite2);

 

 

스트라이프를 그려준 뒤에 음악을 재생하고

 

this.playTitleMusic();

 

 

드디어 fade-in 효과를 연출합니다.

 

this.startFadeIn(this.fadeSpeed(), false)

 

 

기본적으로 살펴보셨다면 이제는 본론으로

 

들어가서 전에 올리신 글의 댓글에 fade-in의

 

색상을 변경하고 추가한 스크립트를

 

작성하셨음에도 원하시는 대로 되지 않았던

 

이유에 대해서 설명해드리겠습니다.

Scene_Base.prototype.createFadeSprite = function(white) {
　if (!this._fadeSprite) {
　　this._fadeSprite = new ScreenSprite();
　　this.addChild(this._fadeSprite);
　}
　if (white) {
　　this._fadeSprite.setWhite();
　} else {
　　this._fadeSprite.setBlack();
　}
};

Scene_Base.prototype.startFadeIn = function(duration, white) {
　this.createFadeSprite(white);
　this._fadeSign = 1;
　this._fadeDuration = duration || 30;
　this._fadeSprite.opacity = 255;
};

 

 

위의 startFadeIn(this.fadeSpeed(), false)에서

 

넘어오는 값 중에 white라는 변수에 어떤 값이

 

들어가는지 위의 2개 함수와 연관지어서 자세히

 

살펴봐주시기 바랍니다.

 

 

duration = this.fadeSpeed()

 

white = false

 

얼마 지나지 않아 위의 사실을 알아차릴 수 있습니다.

 

 

여기에서 실제 색상에에 영향을 주는

 

부분은 white변수 하나입니다.

 

 

white의 값이 true이면

 

this._fadeSprite.setWhite();

 

white의 값이 false이면

 

this._fadeSprite.setBlack();

 

 

입니다.

 

 

huguduk님께서 원하시는 다른 색상으로

 

그려지는 fade-in / out을 위해서는 단순히

 

true / false 스위치 값 만으로 색상을 그리는

 

형태가 되어서는 안됩니다.

 

 

fade-in / fade-out 관련 함수들중에서

 

white의 값을 직접적으로 입력해주는

 

것들을 찾아내어서 색상별로 연결되는

 

숫자 혹은 문자로 색상을 선택하는 방식으로

 

전환을 시킬 필요가 있습니다.

 

 

MV를 만든 회사에서 어떻게 업데이트를

 

진행할지는 몰라도 저 같으면...

 

처음부터 fade-in / fade-out의 색상을

 

따로 함수로 변경시키기보다는 숫자형식의

 

스위치 값을 기반으로 기본으로는 0, 1만

 

있는 형식의 것을 만들어 두었을 겁니다.

 

//include color number parameter variable

ScreenSprite.prototype.setColor = function(cn) {

　switch(cn){

　　case 0://black

　　　this.setColor(0, 0, 0);

　　break;

　　case 1://white

　　　this.setColor(255, 255, 255);

　　break;

　　case 2://purple

　　　this.setColor(255, 0, 255);

　　break;

　}
};

 

이렇게 만들어 둔다고 할 때에 cn변수의

 

값만 제대로 넣어주게 되면 다음과 같이

 

스크립트를 수정할 수도 있습니다.

Scene_Base.prototype.createFadeSprite = function(cn) {
　if (!this._fadeSprite) {
　　this._fadeSprite = new ScreenSprite();
　　this.addChild(this._fadeSprite);
　}
　this._fadeSprite.setColor(cn);
};

Scene_Base.prototype.startFadeIn = function(duration, cn) {
　this.createFadeSprite(cn);
　this._fadeSign = 1;
　this._fadeDuration = duration || 30;
　this._fadeSprite.opacity = 255;
};

Scene_Title.prototype.start = function() {
　Scene_Base.prototype.start.call(this);
　SceneManager.clearStack();
　this.centerSprite(this._backSprite1);
　this.centerSprite(this._backSprite2);
　this.playTitleMusic();
　this.startFadeIn(this.fadeSpeed(), 2);
};

 

 

다만 원하시는 부분들 전부를 이런 방식으로

 

재선언해주셔야 합니다. 이런 방식은 꽤나

 

피곤하지만 작성해두시고 사용하신다면

 

좀 더 다양한 응용방법에 대해서도 알아가실

 

수 있을 거라고 개인적으로 생각합니다.

 

 

 

ps.처음부터 다양한 색상을 적용할 수 있게 만들어서

 

제품으로서 팔았다고 하면 좀 더 많은 판매량을

 

이끌어 낼 수 있었을 것이라고 생각합니다만...

 

역시 돈을 벌기 위해서 서두른 것 같습니다.