자유게시판

 



















우선 이 문제는 텍스쳐 필터링 방식 때문에 발생하는데 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) 17 file 완폐남™ 2012.07.17 38604
잡담 초보에요.질문있습니다! 1 맥주에땅콩 2016.11.24 57
가입 방가방가 ^^ coolminoo 2016.11.24 38
잡담 드디어 스팀에 블랙 프라이데이 세일이 시작됐네요 1 Juwan_Park 2016.11.24 109
잡담 안녕하십니까 이번에 들어온 뉴비인데 쯔꾸르 만질줄 아는 멘토분을 구하고 있습니다 1 등심몬 2016.11.22 152
제작 스샷 '월광괴도' 차기작 준비 중입니다 5 file 알페* 2016.11.20 213
발표 오랜만입니다. 6 수퍼말이오 2016.11.20 80
잡담 ........안녕하세요. 2 riw 2016.11.20 57
발표 작품 어떠케 만듬? 4 슬랜디맨 2016.11.19 141
막장 제가 몰라서 그러는데... 7 무명시절 2016.11.17 115
잡담 여러분은 화면색상조정할때 몇몇몇 비율을 쓰시나요? 종이맛쿠키 2016.11.12 66
제작 스샷 와ㅣ아아아 시작했다 드디어 1 file 수녀갓 2016.11.12 161
막장 ...이거... 규정에 맞나...요...? 2 무명시절 2016.11.10 108
잡담 구글링하다가 방문해서 마지막글 남깁니다. 2 제뚜 2016.11.08 132
가입 처음 가입한 신입입니닷! 1 다래초 2016.11.07 36
막장 진짜 명작까진 아니더라도 좋은 게임하나는 만들고 싶은데... 4 zero? 2016.11.07 162
잡담 으앙.. 2 비밀아이 2016.11.05 59
잡담 러닝은빛님 플러그인이랑 얀플라이 메세지코어 호환되나요? 3 잠행인 2016.11.02 142
발표 안녕하세요~ 천재게임개발자 김숀입니다~ 3 김숀 2016.11.01 216
발표 2016 글로벌 게임제작 경진대회가 열린다고 합니다. 1 2016.11.01 91
가입 신입입니다'! 1 Kangu 2016.11.01 24
목록
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