크래프톤 정글 - TIL

크래프톤 정글 5기 TIL - 나만의 무기 만들기 6(Canvas - Laser pen)

개발찾아 삼만리 2024. 8. 6. 09:30

Game 1에서 필요한 주요 기능인 Laser pen을 구현하기 위해 Laser-pen github을 참고했다.

* Laser pen
- 아래의 이미지와 같이 마우스 커서를 통해 부드럽게 레이저 포인터와 같이 그림을 그릴 수 있도록 하는 것이다.
- 이것을 응용해 그림이나 글자를 그리면 일정시간 뒤에 자연스럽게 사라지도록 하는 펜을 구현하고자 했다.

출처 : SlientTiger - github
플레이어마다의 레이저펜 구현 완료

 

* 하나의 캔버스에서 그림을 그리는 사람의 펜그림을 그리지 않는 사람의 레이저펜을 구분하고자 시도했지만, 기술적으로 부족해서 그런지 실패했다. 대안으로 메모리를 좀 더 소모하더라도 기능을 완성할 수 있도록 캔버스를 두 개를 사용해 각각의 역할마다 z-index를 조절해 기능을 완성(이가 없으면 .. 잇몸으로..)