아방스 - MV 1.3.0 텍스처 밀림 현상 해결하기

Atachment
첨부 '2'	1.jpg, 2.jpg,

우선 이 문제는 텍스쳐 필터링 방식 때문에 발생하는데 PC에서는 이러한 문제가 없습니다.

▲ 인접한 타일 경계에 검정색 라인이 보이는 경우는 Linear Scaling 에 해당한다.

모바일에서만 발생하는 문제인데 하드웨어의 차이에 의한 것인지는 모르겠지만 픽셀 처리 방식에서 오묘한 차이가 생기게 됩니다.

▲ 한 타일 경계에 검정색 라인이 보이지 않는 경우 Nearest Scaling에 해당합니다.

기본적으로 적용되어있는 필터링을 사용하면 PC에서는 제대로 처리가 되지만, 모바일에서는 검정색 선이 나오게 됩니다. 인접해있는 픽셀을 부드럽게 처리하기 위한 보간 과정에서 나오는 오류로 보여지며 PC와 모바일 간의 차이가 있는 것으로 보여집니다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
TileRenderer.prototype.initBounds = function() {
    var gl = this.renderer.gl;
    var tempCanvas = document.createElement('canvas');
    tempCanvas.width = 2048;
    tempCanvas.height = 2048;
    // tempCanvas.getContext('2d').clearRect(0, 0, 2048, 2048);
    for (var i=0;i<this.maxTextures; i++) {
        var glt = new glCore.GLTexture(gl, 2048, 2048);
        glt.premultiplyAlpha = true;
        glt.upload(tempCanvas);
        glt.enableWrapClamp();
        //glt.enableLinearScaling();
        glt.enableNearestScaling();
        this.glTextures.push(glt);
        var bs = [];
        for (var j=0;j<4;j++) {
            var spr = new PIXI.Sprite();
            spr.position.x = 1024 * (j & 1);
            spr.position.y = 1024 * (j >> 1);
            bs.push(spr);
        }
        this.boundSprites.push(bs);
    }
};
Colored by Color Scripter
cs

일단 해결 방법은 libs/pixi-tilemap.js 의 TileRenderer.prototype.initBounds 함수에서 glt.enableLinearScaling(); 대신에 glt.enableNearestScaling(); 함수를 추가하면 됩니다.

자유게시판

MV 1.3.0 텍스처 밀림 현상 해결하기

Who's 러닝은빛

아방스 게시물 · 댓글 작성 규칙 (최근 수정일 2015.11.25)

인디사이드스토리 공식 적대 사이트가 존재하나요?

해골의모험3 나무위키 등재에 감사드립니다~~

아방스 채팅창 사라졌나요?

하드디스크 사망 신고

인디게임 커뮤니티가 전반적으로 발달이 잘 안되는거 같네요

때가 늦엇지만 MV 맘에 안드는점 두개

이 홈페이지의 입지가...

자게가 블로그화 된 느낌

MV 한글 패치 관련 오류 임시 조치법

이런거보면 안쓰럽기도 하고..

와.... 유튜브 플레이 영상보니까 왜 못찾았는지 알겠네요....

반짝이는 부분이 어디쯤에 있는거죠 ?

일본괴담게임 꼬리 어떻게 깨나요 ?

RPG Maker MV 1.3.1 버그 픽스

RPG 1.3버전 업뎃가이드같은거 있나요?

MV 1.3.0 텍스처 밀림 현상 해결하기

MV 1.3.0버전이 나왔는데 문제점이 좀 있네요

해골의 모험 3 2부 보스 총공략

사소하지만 MV 귀찮은점

5시간을 날린 이야기