최근에 뭔가 그리기 게임 (Android, iOS)을 사용했습니다. 한 선수가 화면에 그릴 수있는 방법을 좋아하고 두 번째 선수의 그림이 다시 만들어집니다. 내 웹 사이트에서 이와 비슷한 것을 사용하고 싶지만 어떻게할지는 잘 모르겠습니다.화면 캡처 뭔가 그림 그리기
내가하고있는 프로젝트는 뭔가 일대일로 그리기보다는 일대 다 연결을 사용합니다. 본질적으로 사용자는 그림을 만들 것이고 그것을 보는 사람을 위해 다시 만들어야합니다.
HTML5, JS 및 Python의 조합을 사용하여 웹에서이 작업을 수행 할 수 있습니까?
ontouchstart, ontouchmove 및 ontouchend으로 쉽게 완료 할 수 있습니다. 예 :
http://ontouchstart.github.com/ 그냥 터치 이벤트의 좌표 추적 (또는 마우스를하지만 onmousedown, onmousemove 및 onmouseup 사용)와 서버로 보낼 수 있습니다. 그런 다음 서버는 이벤트의 좌표를 기반으로 모든 것을 그리는 다른 클라이언트로 데이터를 보냅니다.
다음은 Raphaeljs http://ianli.com/sketchpad/을 사용하는 라이브러리입니다. 필요에 따라 다시 그리는 데 사용할 수있는 JSON 형식으로 도면을 저장합니다. 나는 그것이 당신이하고 싶은 일에 얼마나 잘 어울리는 지 모르지만, 효과가있을 것입니다.
유일한 문제는 시청자에게 전송되는 데이터가 영화와 같아야한다는 것입니다. 최종 결과가 표시되는 것과는 대조적으로 실제로 이미지를 그리는 과정을 볼 수 있습니다. –
@ManiacalScience 매 단계마다 보낼 필요가 없습니다. 완료 될 때마다 JSON을 보낼 수 있습니다. – qw3n
좋은 소식! 배열을 사용하여 좌표를 추적 할 수 있습니까? 또한 모든 것을 한꺼번에 가져 오는 것을 원하지 않습니다. 최종 제품뿐만 아니라 제작되는 이미지의 프로세스를 복제하고 싶습니다. –
물론 모든 이벤트를 추적하고 타이밍 데이터를 포함하는 한 배열로 저장할 수 있습니다. –