web draw

웹 그리기

실시간 온라인 공동 드로잉 프로그램입니다. https://draw.marbal.ca

Web Draw는 사용자가 공유 캔버스에 실시간으로 그림을 그릴 수 있는 웹 앱입니다. 현재는 다소 열악하지만 여기저기서 조금씩 개선되는 모습을 보이고 있습니다.

어떻게 작동하나요?

Web Draw는 사용자를 서로 연결하는 세션을 사용합니다. 세션의 모든 사용자는 동일한 캔버스에서 작업합니다.

각 세션에는 무엇이든 설정할 수 있는 고유한 세션 ID가 있습니다. 세션 ID가 제공되지 않으면 임의의 4자리 세션 ID가 생성됩니다. 세션 ID는 새 ID가 아직 사용되지 않는 한 언제든지 변경할 수 있습니다.

세션에는 선택적으로 비밀번호를 설정하여 비밀번호를 제공할 수 있는 사용자만 참여할 수 있도록 할 수도 있습니다. 세션의 비밀번호는 언제든지 변경하거나 제거할 수 있습니다.

현재 사용 가능한 도구

• 펜 도구

• 지우개 도구

• 홍수 채우기 도구

• 색상 선택 도구

• 직사각형 선택 도구

• 선 도구

• 직사각형 도구

• 타원 도구

실제로 어떻게 작동합니까?

Web Draw는 "웹" 부분에 WebSocket을 사용하고 "Draw" 부분에 웹 캔버스 API를 사용합니다.

WebSockets 서버는 Node.js용 ws 모듈을 사용하고 msgpack-lite를 사용하여 클라이언트와 MessagePack을 대화합니다. 사용자가 작업을 수행하면 서버에 이에 대한 정보가 전달되고 필요한 경우 다른 모든 세션 구성원에게 이에 대해 알립니다.