자유게시판

 



















우선 이 문제는 텍스쳐 필터링 방식 때문에 발생하는데 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

Blog                            http://biud436.blog.me/

Blog(English)                 http://biud436.tistory.com/

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) 16 file 완폐남™ 2012.07.17 38484
가입 안녕하세요. 2 pokka 2016.09.01 45
잡담 해골의모험3 나무위키 등재에 감사드립니다~~ 김숀 2016.09.01 109
가입 반갑습니다. 늅늅입니다 1 디케이 2016.08.31 82
잡담 아방스 채팅창 사라졌나요? 5 잠행인 2016.08.27 160
잡담 하드디스크 사망 신고 2 file 아방스 2016.08.25 186
발표 활성화가 되지 않는 이유 1 RPG란무엇인가? 2016.08.24 122
잡담 인디게임 커뮤니티가 전반적으로 발달이 잘 안되는거 같네요 3 잠행인 2016.08.24 149
잡담 때가 늦엇지만 MV 맘에 안드는점 두개 2 Lathrion 2016.08.24 175
잡담 이 홈페이지의 입지가... 3 무명시절 2016.08.24 86
잡담 자게가 블로그화 된 느낌 2 file Lathrion 2016.08.24 110
제작 일지 제작..제작작...?? 5 file 명란젓 2016.08.22 134
막장 졸림 4 file 로에트하이 2016.08.18 123
잡담 MV 한글 패치 관련 오류 임시 조치법 file 러닝은빛 2016.08.14 143
잡담 이런거보면 안쓰럽기도 하고.. 2 잠행인 2016.08.14 167
잡담 와.... 유튜브 플레이 영상보니까 왜 못찾았는지 알겠네요.... 1 file 특사리카 2016.08.14 120
잡담 반짝이는 부분이 어디쯤에 있는거죠 ? file 특사리카 2016.08.14 38
잡담 일본괴담게임 꼬리 어떻게 깨나요 ? 2 file 특사리카 2016.08.14 60
제작 일지 사망여각(After Death) 텀블벅 펀딩을 시작했습니다. 2 file Rootless_Studio 2016.08.14 127
제작 스샷 ISD 제작 중인 맵 두 장 올려봅니다. 1 file 모쟁 2016.08.13 132
막장 파리때 바이러스 ㅋㅋㅋ 2 우백구。 2016.08.13 215
목록
Board Pagination Prev 1 ... 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 ... 752 Next
/ 752