diff --git a/README.md b/README.md index 25e2081..2fbcd96 100644 --- a/README.md +++ b/README.md @@ -6,7 +6,7 @@ This project is a demo for a websocket-based rollback netcode inspired by [GGPO] ![Merged_cut_annotated_spedup](./charts/Merged_cut_annotated_spedup.gif) -(battle between 2 celluar 4G users using Android phones, [original video here](https://pan.baidu.com/s/1RL-9M-cK8cFS_Q8afMTrJA?pwd=ryzv)) +(battle between 2 celluar 4G users using Android phones, [original video here](https://pan.baidu.com/s/1m50d-VZxEGT3IgeZtww49g?pwd=eqx1)) ![Phone4g_battle_spedup](./charts/Phone4g_battle_spedup.gif) @@ -96,7 +96,14 @@ The easy way is to try out 2 players with test accounts on a same machine. - Open one browser instance, visit _http://localhost:7456?expectedRoomId=1_, input `add`on the username box and click to request a captcha, this is a test account so a captcha would be returned by the backend and filled automatically (as shown in the figure below), then click and click to proceed to a matching scene. - Open another browser instance, visit _http://localhost:7456?expectedRoomId=1_, input `bdd`on the username box and click to request a captcha, this is another test account so a captcha would be returned by the backend and filled automatically, then click and click to proceed, when matched a `battle`(but no competition rule yet) would start. - Try out the onscreen virtual joysticks to move the cars and see if their movements are in-sync. -![screenshot-2](./charts/screenshot-2.png) + +![How-to-play-1](./charts/How-to-play-1.png) + +![How-to-play-2](./charts/How-to-play-2.png) + +![How-to-play-3](./charts/How-to-play-3.png) + +![How-to-play-4](./charts/How-to-play-4.png) ## 2 Troubleshooting diff --git a/charts/How-to-play-1.png b/charts/How-to-play-1.png new file mode 100644 index 0000000..32df13b Binary files /dev/null and b/charts/How-to-play-1.png differ diff --git a/charts/How-to-play-2.png b/charts/How-to-play-2.png new file mode 100644 index 0000000..30f9f02 Binary files /dev/null and b/charts/How-to-play-2.png differ diff --git a/charts/How-to-play-3.png b/charts/How-to-play-3.png new file mode 100644 index 0000000..51d43b1 Binary files /dev/null and b/charts/How-to-play-3.png differ diff --git a/charts/How-to-play-4.png b/charts/How-to-play-4.png new file mode 100644 index 0000000..f0de8b3 Binary files /dev/null and b/charts/How-to-play-4.png differ diff --git a/charts/Phone4g_battle_spedup.gif b/charts/Phone4g_battle_spedup.gif index c2239d9..3998321 100644 Binary files a/charts/Phone4g_battle_spedup.gif and b/charts/Phone4g_battle_spedup.gif differ diff --git a/charts/screenshot-2.png b/charts/screenshot-2.png deleted file mode 100644 index eebe160..0000000 Binary files a/charts/screenshot-2.png and /dev/null differ