協(xié)同操作物件 (Capx)
- 拖曳右方的藍/綠/紅方塊, 會產(chǎn)生新的同色球.
- 拖曳球移動, 拖曳球回到右方的藍/綠/紅方塊, 會刪除該球.
- 點擊右下的灰方塊會刪除全部的球.
- 球的操作, 包含產(chǎn)生與移動會透過firebase同步給連到此網(wǎng)頁的使用者.
- 目前球的位置會被保留在firebase上.
概念
產(chǎn)生/移動/刪除都分別會修改firebase上的資料, 每一顆球一個位址. 藉由firebase的廣播達成同步的功能.
比較
這個展示與同步的畫布看似相像, 但用來同步的資料是完全不同類型的. 這個展示存在firebase的是每個球的屬性, 包含目前位置等.
對應到畫布例子裡, 是每個畫布上的每個像素, 但這樣要儲存的單位量太大了. 而且每次繪圖都會改變到不少量的像素顏色. 所以畫布例子存的是每一次的"繪圖指令", 當以同樣指令繪圖, 就可以得到相同的像素結果. 所以畫布反而是種特例了.
以遊戲類的應用來說, 這個展示是比畫布例子來得接近的, 將每個單位屬性保存於firebase上.
----
firebase官方提供的展示
- 拖曳右方的藍/綠/紅方塊, 會產(chǎn)生新的同色球.
- 拖曳球移動, 拖曳球回到右方的藍/綠/紅方塊, 會刪除該球.
- 點擊右下的灰方塊會刪除全部的球.
- 球的操作, 包含產(chǎn)生與移動會透過firebase同步給連到此網(wǎng)頁的使用者.
- 目前球的位置會被保留在firebase上.
概念
產(chǎn)生/移動/刪除都分別會修改firebase上的資料, 每一顆球一個位址. 藉由firebase的廣播達成同步的功能.
比較
這個展示與同步的畫布看似相像, 但用來同步的資料是完全不同類型的. 這個展示存在firebase的是每個球的屬性, 包含目前位置等.
對應到畫布例子裡, 是每個畫布上的每個像素, 但這樣要儲存的單位量太大了. 而且每次繪圖都會改變到不少量的像素顏色. 所以畫布例子存的是每一次的"繪圖指令", 當以同樣指令繪圖, 就可以得到相同的像素結果. 所以畫布反而是種特例了.
以遊戲類的應用來說, 這個展示是比畫布例子來得接近的, 將每個單位屬性保存於firebase上.
----
firebase官方提供的展示