協同操作物件

協同操作物件  (Capx)
- 拖曳右方的藍/綠/紅方塊, 會產生新的同色球.
- 拖曳球移動, 拖曳球回到右方的藍/綠/紅方塊, 會刪除該球.
- 點擊右下的灰方塊會刪除全部的球.
- 球的操作, 包含產生與移動會透過firebase同步給連到此網頁的使用者.
- 目前球的位置會被保留在firebase上.


概念
產生/移動/刪除都分別會修改firebase上的資料, 每一顆球一個位址. 藉由firebase的廣播達成同步的功能.


比較
這個展示與同步的畫布看似相像,  但用來同步的資料是完全不同類型的. 這個展示存在firebase的是每個球的屬性, 包含目前位置等.
對應到畫布例子裡, 是每個畫布上的每個像素, 但這樣要儲存的單位量太大了. 而且每次繪圖都會改變到不少量的像素顏色. 所以畫布例子存的是每一次的"繪圖指令", 當以同樣指令繪圖, 就可以得到相同的像素結果. 所以畫布反而是種特例了.
以遊戲類的應用來說, 這個展示是比畫布例子來得接近的, 將每個單位屬性保存於firebase上.


----
firebase官方提供的展示