PROJECT SSILY

WebRTC 기반 몸짓과 그림으로 소통하고, ai가 이를 맞추는 웹 게임

기간

23.01.09 ~ 23.02.17 (6주)

인원

6명 (프론트엔드 3명, 백엔드 3명)

주요 기능

그림판 기능

openvidu를 이용한 화상 채팅

실시간 문자 소통

방 생성 및 나가기

What I used

Vuejs

Vue.js는 웹 애플리케이션의 사용자 인터페이스를 만들기 위해 사용하는 오픈 소스 프로그레시브 자바스크립트 프레임워크입니다.

WebRTC

WebRTC는 웹 브라우저 간에 플러그인의 도움 없이 서로 통신할 수 있도록 설계된 API입니다.

OpenVidu

OpenVidu는 웹 또는 모바일 애플리케이션에서 화상 통화를 쉽게 추가할 수 있는 WebRTC 기반의 프레임워크입니다.

JavaScript

자바스크립트는 웹 브라우저 내에서 주로 사용되는 객체 기반의 스크립트 프로그래밍 언어입니다.

What I did

세션을 생성하고, 토큰을 발급하는 기능을 구현했습니다

그림판을 제작하고, 생성된 그림을 상대방에게 전달하는 기능을 구현했습니다.

피그마를 이용해 목업을 제작하고 이를 구현했습니다.

피드백을 듣고, UX를 지속적으로 개선하였습니다.

EUNHYEOK LEEEUNHYEOK LEE