아방스 - 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
잡담	게임 제작 하시면서 블록체인 관심 있으신분	hahaday1	2020.01.14	127
잡담	알만툴 한번도 안만져 봤는데 튜토리얼만 보면 웬만한거 다 가능하나요	물고양이	2020.01.07	104
발표	알만툴 디스코드 채팅방 홍보!!	분필갈매기	2020.01.03	82
발표	새벽방울: 진오기굿의 텀블벅 펀딩을 시작했습니다. 1	나위	2020.01.03	61
잡담	새해 복 많이 받으세요^^ 2	허걱	2020.01.01	75
잡담	알만툴 게임 1	그느	2019.12.27	101
잡담	크리스마스 전날이고 해서 노래 투척하고 사라집니다.	Alkaid	2019.12.24	39
잡담	크리스마스는 외롭지 않겠네요.	LEE길호	2019.12.24	71
발표	[DragonFist]유니티 게임 취약점 자동 진단 도구 무료 공개합니다!	hunjison	2019.12.17	67
가입	으헤헦	화색이	2019.12.17	58
잡담	8년만에 이곳에 글을 써봅니다	Fretta	2019.12.10	195
제작 영상	2k 시리즈로 제작중인 게임 심령도시입니다. 2	조삼	2019.12.10	125
잡담	모바일 구동	카뮬	2019.12.07	58
잡담	'심심해서 Youtube에서 tetris soundtrack으로 검색해 보았다'	Alkaid	2019.12.07	54
잡담	[SCK] 실사캐릭터 제작 워크플로우 2차 온라인 세미나	공불간	2019.12.06	38
제작 영상	엘카르디아의 캐릭터 전투소개 영상입니다.	카르와푸딩의아틀리에	2019.11.25	149
발표	인디게임 <미궁연회>가 크라우드 펀딩을 진행합니다!	봉지냥	2019.11.24	91
가입	가입 인사 겸 질문	카뮬	2019.11.21	82
잡담	유튜버의 대모험(?)	ARYUNG	2019.11.17	69
가입	가입인사	Dev	2019.11.17	52

분류

제목

글쓴이

날짜

조회 수

공지

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

완폐남™

2012.07.17

40545

잡담

게임 제작 하시면서 블록체인 관심 있으신분