자유게시판

 



















우선 이 문제는 텍스쳐 필터링 방식 때문에 발생하는데 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
잡담 [Luxendarc]바통을 받아서 마저 완성해보자고! 레기우스州 2021.02.27 25
제작 영상 엘카르디아 제작영상 -전투스킬테스트 02 카르와푸딩의아틀리에 2021.02.24 81
제작 일지 [예제 게임]1차 제작일지기록 - 나름 기존게임에 비해 약간 발전을 이루고 있다. 레기우스州 2021.02.22 67
발표 피니엔진은 역시 포기! 인섬니아 2021.02.21 72
잡담 알만툴 디스코드방 홍보 file 분필갈매기 2021.02.21 86
제작 일지 [나는 용사다 이말이야 IV-2]아이고, 버그가 있었네요. 레기우스州 2021.02.21 37
제작 영상 엘카르디아 제작영상 -전투테스트 01 카르와푸딩의아틀리에 2021.02.19 80
잡담 난 분명히 예제를 만들고 있는데 실상은 그냥 일반게임을 만드는 것 같다. 레기우스州 2021.02.18 37
잡담 제작자분들께서는 다들 스토리를 어떻게 구상하시나요? 2 폴블랙 2021.02.17 83
제작 일지 MZ 예제 근황과 우울할 전망... 2 레기우스州 2021.02.14 158
제작 일지 웹 비주얼노벨 제작 엔진 "마나노벨" 개발 착수했습니다. 1 file Mania 2021.02.14 106
잡담 쯔꾸르계에서 은퇴합니다. 1 JDG 2021.02.13 187
발표 삼각함수의 학교의 게임을 삭제합니다.. 1 레기우스州 2021.02.10 78
잡담 사이트 관리자 분들은 어디 가신걸까요 폴트 2021.02.09 99
잡담 요즘 삼각함수 선생이 유행인가요 2 레기우스州 2021.02.08 64
제작 스샷 예제 제작 상태(직업스샷만 있습니다) file 레기우스州 2021.02.07 69
잡담 MZ유저를 위한 예제 게임 제작시작! 레기우스州 2021.02.01 62
잡담 MZ에 대한 정보가 너무 빈약한 것 같은데... 2 레기우스州 2021.01.31 131
잡담 멀티플레이 연구 1 레기우스州 2021.01.31 51
제작 일지 [룩센다르크]전투방식 JDG 2021.01.30 63
목록
Board Pagination Prev 1 ... 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 ... 757 Next
/ 757