자유게시판

 



















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


 1.jpg

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

 


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


2.jpg

 한 타일 경계에 검정색 라인이 보이지 않는 경우 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, 20482048);
        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);
    }
};
cs


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




Who's 러닝은빛

profile

MV Plugins                   https://github.com/biud436/MV   

Comment '3'
  • ?
    잠행인 2016.08.12 15:54
    이걸 적용한 경우 단점은 있나요? 공식해결법인지?
  • profile
    러닝은빛 2016.08.12 17:34
    공식 해결법은 아니고 제가 안드로이드로 포팅하다가 버그를 발견하여 공식 포럼에 버그 리포트로 제보해뒀습니다. 하지만 개발자가 이렇게 해결할 지 여부는 저도 모르겠습니다. 이유는 모르겠지만 OpenGL 가이드 상에서는 처음에 적용된 것이 더 좋다고 나와있습니다. 위의 방식대로 바꿀 경우 그리는 속도는 빠르지만, 반짝이는 등의 문제가 생길 수도 있다고 나와있습니다. 하지만 모바일 테스트 결과 그런 문제는 아직까지 보지 못했습니다. 원래 이전 방식대로 하면 선형 보간 때문에 투명한 테두리를 만들어야 하는 것 같네요.
  • profile
    러닝은빛 2016.08.12 19:05
    1.3.1 패치에 반영됐네요.

List of Articles
분류 제목 글쓴이 날짜 조회 수
공지 아방스 게시물 · 댓글 작성 규칙 (최근 수정일 2015.11.25) 17 file 완폐남™ 2012.07.17 40545
제작 일지 현재 악몽 진엔딩 개발중 건빵빠 2020.11.24 50
발표 [파이널 게임 갤러리]앞으로의 계획 JDG 2020.11.23 35
잡담 [파이널 게임 갤러리]근황 2 JDG 2020.11.22 52
잡담 나는 용사다 이말이야5편은... 짧을 것 같습니다... 레기우스州 2020.11.21 57
제작 일지 [나는 용사다~ 이말이야V]짧막한 제작일지2 - 플러그인 시스템 추가! 레기우스州 2020.11.16 63
제작 일지 악몽 -The Night Mare - 개발중 file 건빵빠 2020.11.15 69
잡담 제가 만들었던 게임들 중에 괜찮았던 것들을 해외판 버전으로 번역 중입니다... JDG 2020.11.14 111
제작 일지 [나는 용사다~ 이말이야V]짧막한 제작일지1 - 스토리 소개 및 현재 제작 상황 레기우스州 2020.11.14 49
잡담 8편 텐션이 이미 떨어졌는지 더 이상 진척이 없습니다.... 레기우스州 2020.11.13 47
잡담 [나는 용사다~ 이말이야VIII]다시한번 제작 속도에 박차를 가해볼까~ 레기우스州 2020.11.11 83
잡담 매우 거대한 규모의 게임하나를 제작하기 시작했습니다... 2 JDG 2020.11.04 104
잡담 나는 용사다 이말이야8편의 1차 베타 테스트버전이 공개되었습니다! 1 레기우스州 2020.11.02 100
잡담 지금 스팀에서 알만툴 할인중이네요. Alkaid 2020.10.30 120
발표 나는 용사다~ 이말이야7편 新버전 공개! 레기우스州 2020.10.28 56
잡담 돌아왔어요 1 마이메이 2020.10.28 59
잡담 작업하다가 열받는 일이 생김 1 레기우스州 2020.10.25 119
제작 영상 [나는 용사다~ 이말이야VIII]히든보스 마신 냥냥이 레기우스州 2020.10.24 123
제작 일지 짤막한 제작일지9 - 나는 용사다 이말이야 VIII 레기우스州 2020.10.19 118
발표 안녕하세요 포스타입을 이용한 온라인 쯔꾸르 온리전을 열려고 합니다. file 선인장해마 2020.10.17 170
제작 일지 짤막한 제작일지8 - 나는 용사다 이말이야 VIII 레기우스州 2020.10.16 43
목록
Board Pagination Prev 1 ... 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 ... 756 Next
/ 756