HTML5 에서 RPG 방식 채팅 시스템 구현이 가능한가요?

조회수 2124회

안녕하세요.

Node.js 환경으로 웹 구축 중입니다.

채팅 시스템을 구현해보려고 하는데, 바람의나라 등 RPG게임에서 사용하는 채팅 방식을

구현해보고 싶습니다.

필요한 기능은 다음과 같습니다.

  1. 캐릭터를 표현하는 도형 (네모, 원 등)
  2. 캐릭터를 조작할 수 있는 기능
  3. 문장을 입력 후 엔터를 누르면, 입력한 문장이 말풍선으로 캐릭터 위에 따라다니도록 구현
  4. 특정 사용자가 입력한 문장은 해당 url에 접속한 이용자가 모두 볼 수 있도록 구현

여기서 움직이는 캐릭터를 표현하기 위해 setInterval() 메서드를 사용하였습니다.

그렇다면 다시 그려지므로, 채팅한 문장도 함께 지워져 표시가 되질 않습니다.

캐릭터는 canvas로 그리고, 채팅은 socket.io 를 사용하여 구현하려 했습니다.

따로 분리해서 구현할 수 있는 방법이 있을지, 아니면 팁이나 올바른 길 안내 부탁드립니다.

감사합니다.

1 답변

답변을 하려면 로그인이 필요합니다.

프로그래머스 커뮤니티는 개발자들을 위한 Q&A 서비스입니다. 로그인해야 답변을 작성하실 수 있습니다.

(ಠ_ಠ)
(ಠ‿ಠ)