合作繪畫/現場繪畫

我不確定在世界的哪個地方我可以發佈這一個...所以我有一個製作一個小繪圖玩具的想法，但我不知道我將如何實現這個（在一個數據結構級別）...合作繪畫/現場繪畫

我想也許有一個1920×1080的窗口，我可以有一個畫筆和畫線（就像繪畫），但這裏是踢球。我希望能夠實時保存此繪圖。這個想法是，我可以打開一個網頁瀏覽器，看着自己從另一個窗口繪製......本質上是合作的繪畫。

這是否已經完成，有沒有任何項目可以讓我指出我如何開始開發？

有一個類似的帖子，但它已經三歲了，我希望最近的一些輸入。

最大的問題是特別的最佳數據結構，我可以用它來存儲在數據庫中本作實時編輯（或如果是連一個好的解決方案）

謝謝！ :)

來源

2016-03-18 Travis Tubbs

你看過[WebSockets]（http://caniuse.com/#feat=websockets）嗎？ –

我已經完成了一個這樣的項目。這是2年前，只是一個alpha版本。但我認爲這仍然是一個很好的方法。我使用了nodejs和websocket。你可以在這裏找到這個項目：https://github.com/Clemzd/collaborativeCanvas – Clemzd

我開發了這樣的東西，解決方案是websocket。 – wawawoom

這將是相對直接做。

從基於網絡的方面...

你可以使用類似於HTML5畫布的東西。

然後你就可以使用JavaScript和做這樣的事情：

document.onmousemove = function(event){ 
xcoor = event.pageX; 
ycoor = event.pageY; 
}

捕捉鼠標移動時，你移動鼠標。

你也可以用代碼把一個圓或方（方在這種情況下，但你可以用一個圓圈容易）如下：

document.onmousemove = function(event){ 
xcoor = event.pageX; 
ycoor = event.pageY; 
mapcan.fillStyle = "#000000"; 
mapcan.fillRect(-1*(11617845.3461), -1*(8093417.14653), 10, 10); 
}

現在你可以使用PHP或其他語言來插入將坐在一個數據庫中。

嘗試使用多個用戶進行實時編輯最多也很複雜。我會建議堅持使用實時視圖。

雖然這是資源密集型，它將工作。

希望這可以幫助你，如果你自殺，建立它！

來源

2016-03-18 23:40:37

我喜歡這個！有趣的是，我希望能夠從IOS做到這一點，這就是數據庫的原因。基本上，我想要的是能夠有一個清晰的圖像背景，所以我可以在屏幕上玩弄任何東西和任何東西。我的電腦上已經有了清晰的應用程序，但是我的整個想法是，我可以坐在我的iphone上，在電腦屏幕上畫東西。 –

嗯......你有沒有看過網上的協作繪圖程序，快速谷歌搜索應該呈現幾個？ –

這是我看到一個很大的我喜歡的一個。 https：//開頭github上。com/byrichardpowell/draw我唯一擔心的是純粹在web上開發它，然後無法將它與ios應用程序進行接口 –

合作繪畫/現場繪畫

回答

相關問題