[게임] 리액션 버튼추가

[code-sign]

Discussed in #56

^{Originally posted by code-sign June 1, 2022}

버튼으로 반응하기

버튼 이모지를 클릭하면 터트려서 보여주기

• 뭘그리는거냐 🤷‍♀️🤷‍♂️❓
• ㅋㅋ 🤣
• 좋아요 ❤️
• 화내기 😡
• 한숨쉬기 😩

레퍼런스

https://github.com/loonywizard/js-confetti

[codejs-kr]

@code-sign 엘라~ 요거 한번 개발해보실래요~?
구글밋에 들어온 reaction 버튼인데 이게 딱인듯요~!
채팅에 노출되는게 아니라 화면 측면에 노출되는데요.

특징

• 하단 측면에 리엑션 펼치기 버튼이 존재해서 접었다 폈다 할수 있다.
• 리엑션 아이콘 클릭시 캔버스 측면에 노출되고 상단으로 올라간다.
• 상단에 가까워질수록 fadeout되는 에니메이션이 존재 한다.

노출조건

• 문제 출제자 이외 리엑션 버튼이 활성화 된다.
• 리엑션은 모든 참여자 화면에 노출된다.
• 리엑션 요소는 에니메이션되어 노출될때 닉네임이 노출된다.

소켓프로토콜

• 메시지프로토콜은 제가 연동 할 수 있도록 제공해드릴께요