아방스 - 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)

대전 인디개발팀 모임을 만들었어요!

크리에이티브 커먼즈 라이센스

다리다쳐서 휴가 짤렸음다.

2015년 제 1회 프호게킁배 프리 게임 총선거 - 2차 본선

스팀에 RPG 만들기 MZ 예구할인중입니다.

판정처리는 넘나 귀찮네요

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

오랜만에 들립니다

썩 괜찮은 게임아이디어가 생각나서 에버노트에 정리해보고 있슴다.

확실히 시나리오를 다듬거나 잡는데에는

안녕하십니까!

오늘은..

알만툴 한번도 안만져 봤는데 튜토리얼만 보면 웬만한거 다 가능하나요

sunshine girl(선샤인 걸)

xp 액알 단축키로 편리하게 포션 먹을수 있는 스크립트 있으신가요?

(뒷북)새누리당 신의진 공천탈락

져 몇시간전에 몇시간동안 아방스홈페이지에못들어왔는데 져만그런가요?

하카세 공식 디스코드!

와가마마 하이스펙

[경기게임아카데미 오픈세미나]위챗 미니게임 개발을 위한 테크니컬팁! / 위챗 미니 프로그램은 중국시장에 어떻게 스며들었나