며칠전에 voip에 대해서 막 물었었잖아..

그게 이런거 비슷한거 만들어 보려고 했던거였거던.. 

테블릿 피시가 점점 보급화되고 이걸로 이제 회의도 많이하고..

전자 교과서도 나올테니.. 같은 화면을 보면서 동시에 밑줄도 그으면서 포인트를 체크해주고

음성을 주고받는거를 생각했었거던..  뭐 화상회의도 있겠지만 같은 pdf를 보면서 밑줄긋고 음성을 주고받는 다거나

전자교과서로 잘 모르는게 있으면 친구한테 물어보기도 편할거 같아서.. 근데 그거 물어보고 난 뒤에 아는형이랑

대화하다가 원격 할 일이 있었는데.. 그 형이 팀뷰어 설치하라고 하더라... 그래서 보니까 -_- 내가 말한거 다 되더라고

나는 네이트온 원격밖에 안해봐서 이런게 있을지 생각도 못했음 ㅋㅋ 모바일용으로도 있다고 해서 걍 포기 ㅎㅎㅎ

팀뷰어가 웹기반은 아니라 별도로 설치를 해야하는 번거로움은 있지만...  아무튼 okjsp 눈팅하다가 어떤분이

만든거 봤는데.. 여기에 음성만 주고받을수 있다면 내가 생각했던게 구현이 가능할듯.. 

이 사이트를 브라우져로 2개 연결하고 각각 다른 아이디로 로그인하고(아무 아이디나 입력해도 됨)

한곳에 낙서하면.. 다른 페이지도 바로바로 갱신되는게 보일거임...

아래는 okjsp에서 퍼온글
------------------------------------------------------
웹캐치마인드 게임 (html5, node.js, now.js, sqlite) <iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/tweet_button.1337330192.html#_=1337755916733&count=horizontal&id=twitter-widget-0&lang=en&original_referer=http%3A%2F%2Fwww.okjsp.pe.kr%2Fseq%2F189522&size=m&text=%EC%9B%B9%EC%BA%90%EC%B9%98%EB%A7%88%EC%9D%B8%EB%93%9C%20%EA%B2%8C%EC%9E%84%20(html5%2C%20node.js%2C%20now.js%2C%20sqlite)%20&url=http%3A%2F%2Fwww.okjsp.pe.kr%2Fseq%2F189522&via=okjsp" class="twitter-share-button twitter-count-horizontal" title="Twitter Tweet Button" style="width: 110px; height: 20px; "></iframe>

안녕하세요? 요즘 유머자료에 나오는 넷마블 캐치마인드 게임을 웹으로 

즐길수 있게 약간 허접하게 만들어봤습니다. 

구현 기술은 HTML5, Canvas, node.js, now.js sqlite로 순수 자바스크립트로만 

100% 기능 구현을 했습니다. 

canvas 때문에 IE8이하를 제외한 모든 브라우저에서 즐기실 수 있습니다. (크롬 강추) 

IE9도 가능하게 할려고 했으나 IEcanvas js 라이브러리의 속도 이슈 땜에 포기 했습니다. ㅠㅠ 


캐치 마인드란 게임을 잘모르시는 분들을 위해서 

여러 접속자가 게임에 입장하면 방장이 있는데 

방장이 캔버스 위에 그림을 그리면 실시간으로 다른 게임 참여자들에게 

그림 그려지는 과정이 보여지며 정답을 맞추는 게임입니다. 

넷마블 캐치마인드 화면 캡쳐 ㅋㅋ 
 

여러개의 채널이나 방기능은 호스팅(nodester)의 한정된 네트워크 압박으로 하나의 

방으로만 게임이 가능하게 만들었으며 nodester 호스팅이 외국이어서 

실시간 그림을 보여줄 때 약간의 딜레이가 있습니다. 


역시 네트워크의 압박으로 8명만 입장 가능하게 제한을 걸어두었습니다. 

게임을 해보니 발로 그린 그림에 대한 답을 맞추는게 재미가 쏠쏠하네요.


그림 그리기 말고도 플리커 api 랜덤 이미지 추출로 그림과 선그리기 조합으

로 다른 형식의 문제 출제도 가능합니다.  

정답을 맞출경우 정답 맞춘 사용자가 나와서 춤도 춥니다 ㅎㅎ


크롬으로 처음에 들어올시에 notification 알림 동의 하시고 나서 방에 있으면 다른 사용자가 로그인시 알림창이 나옵니다.
들어가실 때 아무도 없을경우 창 여러개 띄우시고 로그인 

하셔서 셀프 테스트 동수 놀이 하셔도 됩니다 ㅎㅎ 


방장 위임이나 여러 부가 기능들은 심플하게 만들기 위해서 제외 시켰습니다. ㅠㅠ 



node.js 서버의 경우 300줄로 완성 되었고 확실히 웹기반 통신이나 게임은 

쉽고 빠르게 자바스크립트 기반으로 구현 가능하다는 것을 몸소 경험한 것 같습니다. 


급하게 만드느라 약간의 버그가 있을 수 있습니다. 

http://redia.woobi.co.kr