인디사이드 - huguduk님께서 궁금해하시는 fade-in / out부분

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;
};