1. 기본 렌더러를 CANVAS에서 WEBGL로 수정


쉽게 설명하자면

CANVAS = 오래된 렌더링 기술, 범용성은 좋음

WebGL = 최신 웹 렌더링 기술, CANVAS보다 효율적이고 빠름


이번에 제일 고생한 부분, WebGL 렌더링시 타일 가장자리 왜곡 현상(블리딩 현상)이 일어나서 이거 해결책을 찾느라 삽질을 좀 크게 함


viewimage.php?id=3fb1d92de0&no=24b0d769e1d32ca73dec82fa11d02831d5ca5516da218d33b13f2460bb135b370f90a1c77ea26d2faf964193c29af98b5e0113bd36ef811ffc6d7098ff6a7ec9f0


현재 프로젝트에서 둘 다 사용가능하지만 더 빠른게 나으니까 기본 렌더링 설정을 WebGL로 바꿨음.

타일 렌더링 부분에서는 CANVAS를 쓰는 돌죽 웹타일보다 더 빠릿해졌다고 자부할 수 있다.

적용해보니 약체감이 되는 정도로 빨라짐


2. DEFAULT_TILE_NAME 지원

9/11 윕핵 개발 일지

이전 개발 일지에서 말했던 것처럼 라이센스 확인하고 가용한 타일 모두 찾아서 쉽게 쓸수있게 맵핑해둠


지원 타일

Absurd-64x64

DawnHack-32x32

Geoduck-30x50

NetHack-32x32

NethackModern-128x128

Nevanda-32x32

Nevanda-64x64


사용 예시

#$ DEFAULT_TILE_NAME = Geoduck-30x50


타일 라이센스 및 출처


2. 터미널 창 클릭하면 키가 안먹는 버그 수정 (임시 땜빵)

불편해서 급히 고침


3. 뷰 재조정

캐릭터 화면 중심으로 맵 알아서 따라가고 거슬리던 터미널은 우하단에 고정되게 배치를 바꿈,

메시지란은 위쪽으로 올리고 100줄까지 스크롤 가능하게 수정.


viewimage.php?id=3fb1d92de0&no=24b0d769e1d32ca73dec82fa11d02831d5ca5516da218d33b13f2460bb135b370f90a1c77ee7387da4fb4094c297f8e75da485763040eeda9c42d7ce

viewimage.php?id=3fb1d92de0&no=24b0d769e1d32ca73dec82fa11d02831d5ca5516da218d33b13f2460bb135b370f90a1c77ee7387da4fb4094c297f8e75eafd5763841ee849c42d7ce

드디어 웹타일 구색을 좀 갖췄음

캐릭터 잘 보이라고 타 포팅판처럼 테두리 커서 하나 넣어줬음,

마우스 클릭/터치 클릭으로 트래블 이동 가동하도록 마우스 타일 위치 커서도 넣어놨는데 _(travel) 클릭 이동 관련 코드를 타 포팅판에서 따와야할텐데

그 작업은 아직 못해서 눌러도 작동은 안함


4. 층 넘김 애니메이션

사소한거긴한데 층 넘어갈때 페이드효과 넣어서 스무스하게 만들어 봤음

viewimage.php?id=3fb1d92de0&no=24b0d769e1d32ca73dec82fa11d02831d5ca5516da218d33b13f2460bb135b370f90a1c77ee7387da4fb4094c297f8e75baed07f3942ee809c42d7ce


4. 터미널 토글 / 줌 / 채팅창 바로가기 키 추가

채팅 바로가기 키가 원래 작은 따옴표였는데 F12가 편한것 같아서 웹죽처럼 F12로 바꿈

F8로 터미널 모드 변경 기능 추가 <숨김 / 보임 / 투명>

F9/F10으로 타일 줌 레벨 변경 기능 추가 [0.3x, 0.5x, 0.6x, 0.8x, 1x, 1.5x, 2x, 2.5x, 3x, 4x]

줌이랑 터미널 토글은 사용해도 관전자는 변화없고 사용자만 조절됨. 마우스 커서까지 추후 서로 연동되게끔 수정 예정


viewimage.php?id=3fb1d92de0&no=24b0d769e1d32ca73dec82fa11d02831d5ca5516da218d33b13f2460bb135b370f90a1c77ee7387da4fb4094c297f8e75ca582216610bfd79c42d7ce


5. 세이브했던 게임 시작시 스페이스 안누르고 바로 로딩되도록 변경

NetHack, Copyright 1985-2020

By Stichting Mathematisch Centrum and M. Stephenson.

Version 3.6.6-0 Unix post-release, built Sep 14 17:56:00 2020.

See license for details.

Restoring save file...

이 번거로운 화면이 매우 거슬렸다


터미널에서 more를 굳이 한번 띄워서 빈 화면으로 게임이 시작되는게 마음에 안들어서 해당 부분 수정해서 바로 넘어가게 바꿈


+1. 뷰 수정 상태에서의 모바일 화면 테스트 간단히 해봄

viewimage.php?id=3fb1d92de0&no=24b0d769e1d32ca73dec82fa11d02831d5ca5516da218d33b13f2460bb135b370f90a1c77ea26d2fc2fb4393cb91f88f3911c8f591230c1c98c0abb88306450b

핸드폰



viewimage.php?id=3fb1d92de0&no=24b0d769e1d32ca73dec82fa11d02831d5ca5516da218d33b13f2460bb135b370f90a1c77ea26d2fc2fb4393cb91f88f3911c8f594295449ca9dfab6831c5b0b

태블릿


전보단 좀 나은듯함, 가로 화면 터미널이 많이 가리는데 터미널 토글 기능을 완전체로 만들던지 뷰를 더 수정하던지 해서 좀 개선할 생각



+2. 기여자분이 임시 장문 텍스트 출력용 팝업 UI 만들어 주셔서 장문 출력 해당 인터페이스로 교체할 예정

viewimage.php?id=3fb1d92de0&no=24b0d769e1d32ca73dec82fa11d02831d5ca5516da218d33b13f2460bb135b370f90a1c77ea26d2fc2fb4393cb91f88f3911c8f59225554c99c8fbed831c5b0b


아직 웹핵 본서버에 적용 안됐고, 장문 텍스트, 메뉴 UI, # 입력시 인터페이스 같은 몇개 중요 한건까지 개발한 뒤 리팩토링까지 한번 마치고

업데이트할듯 함


밤새서 이지꺼리하다와서 글이좀두서없음 ㅈㅅㅈㅅ

--------------------------------------------------



viewimage.php?id=3fb1d92de0&no=24b0d769e1d32ca73dec82fa11d02831d5ca5516da218d33b13f2460bb135b370f90a1c77ea26d2fc2fb4393cb91f88f3911c8f590705e1c9fccfcb98306450b

넷핵 웹타일 버전 알파 테스트 시작함

웹핵 개발 합류할 사람 계십니까?

GitHub


Back-end: C/JS(ES2019)

Front-end: HTML/CSS/JS

위와 같은 조건의 개발이 가능하고 웹핵 개발에 관심이 있으신 분들의 기여 환영합니다.

개발 참여에 관심이 있으신 분들은 admin@nethack.live로 연락 주시면 감사하겠습니다.