아방스 - 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(); 함수를 추가하면 됩니다.

List of Articles
분류	제목	글쓴이	날짜	조회 수
공지	아방스 게시물 · 댓글 작성 규칙 (최근 수정일 2015.11.25) 17	완폐남™	2012.07.17	40545
발표	제4회 원맵 원치킨 알만툴 대회 텀블벅 펀딩 개시	분필갈매기	2019.11.16	78
제작 영상	어썬 1	CryDeveloper	2019.11.10	92
잡담	스팀에서 RPG MV 살건데 3	은행	2019.11.07	263
잡담	스팀서 쯔꾸르 할인중	자유와바람	2019.11.06	81
잡담	[설문] 유니티 게임 보안 관련 설문	hunjison	2019.11.05	54
제작 영상	제작중인 게임 엘카르디아의 메뉴화면입니다. 2	카르와푸딩의아틀리에	2019.11.04	231
잡담	yanfly님 은퇴한답니다	무명시절	2019.11.03	298
제작 영상	RPG Maker 2003 던파 어둠의선더랜드 제작중	CryDeveloper	2019.11.03	95
제작 일지	엘븐가드 리맵핑 1	CryDeveloper	2019.10.30	75
제작 스샷	리메이크중인 엘카르디아의 캐릭터칩을 변경하고 있습니다.	카르와푸딩의아틀리에	2019.10.21	186
잡담	(경기게임아카데미) 성공적인 글로벌 현지화를 위한 노하우 대방출!	허밍	2019.10.17	88
제작 영상	[2k3 액알던파] 제작빈도 (시스템:70%) (스토리,던전: 14 or 17 %) 1	MakerAki	2019.10.15	110
잡담	충청권(대전) 인디게임팀 소모임방을 만들었습니다	마트조아시카형	2019.10.13	47
잡담	알만툴 디스코드 채팅방 홍보!!	분필갈매기	2019.10.07	106
잡담	(경기게임아카데미) 인디게임으로 글로벌에서 살아남기	허밍	2019.10.07	29
막장	석달에 한번은 접속이 안되는 듯 1	무명시절	2019.10.04	98
제작 영상	게임제작 과정과 간단한 팁을 보여주는 유튜브 채널을 오픈했습니다. 2	카르와푸딩의아틀리에	2019.09.28	114
발표	(경기게임아카데미) 해외 및 국내 연사들의 글로벌 컨퍼런스! 유명기업 연사들이 한자리에!	허밍	2019.09.18	190
잡담	렌코쨩 > 우치하 사구메 닉변	슈필러	2019.09.08	99
제작 영상	이벤트 액알 인벤토리 시스템 (일부 구현완료) 2	MakerAki	2019.09.07	154

분류

제목

글쓴이

날짜

조회 수

공지

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

완폐남™

2012.07.17

40545

발표

제4회 원맵 원치킨 알만툴 대회 텀블벅 펀딩 개시 file