basic working done except hatpic feedback

client/lib/HomeScreen.dart

@@ -47,8 +47,10 @@ class HomeScreenState extends State<HomeScreen>{
   String username="";
   String userid="";
   String profileColor="ff000000";
-  List<Map> othersTouchPoints=[];
+  Map<String,Map> othersTouchPoints={};
   final double outsidepadding=15;
+  final int touchRefreshRate = (1000/30).toInt();  // 30 fps
+  // final int touchRefreshRate = (1000/1).toInt();  // 30 fps
 
   @override
   void initState(){
@@ -62,24 +64,23 @@ class HomeScreenState extends State<HomeScreen>{
     getPreferences();
     // setPreferences();
     connectWebsocket();
+    setUsername();
 
-    Object data={
-        "user": {
-        "username": "anne",
-        "id": "string",
-        },
-    "position": {
-        "x": 500,
-        "y": 500,
+    Map data={
+      "user": {
+      "username": "anne",
+      "id": "string",
+      },
+      "position": {
+        "x": 200,
+        "y": 200,
       },
-    "color": "ff2244bb", // Hex value.
-    "intensity": 1, // Vibration intensity.
+      "color": "ff2244bb", // Hex value.
+      "intensity": 1, // Vibration intensity.
       };
 
-    othersTouchPoints=[
-      jsonDecode(jsonEncode(data)),
-    ];
-
+    othersTouchPoints[data['user']['id']]=data;
+    
   }
 
   @override
@@ -106,7 +107,6 @@ class HomeScreenState extends State<HomeScreen>{
     });
   }
 
-  
 
   void connectWebsocket() async{
 
@@ -128,25 +128,9 @@ class HomeScreenState extends State<HomeScreen>{
     };
     channel.sink.add(json.encode(data));
 
-
-    // set username
-    data = {
-      "route": "set_username",
-      "username": prefs.getString("username"),
-    };
-    channel.sink.add(json.encode(data));
-
-    
-    
-    // // get rooms
-    // data = {
-    //   "route": "get_rooms",
-    // };
-    // channel.sink.add(json.encode(data));
-    
     channel.stream.listen((message) {
       // message.get
-      final Map map;
+      Map map;
       final String type;
       try{
         map = jsonDecode(message);
@@ -174,6 +158,9 @@ class HomeScreenState extends State<HomeScreen>{
       }
       else if(type=="set_username_response"){
         print(map);
+        setState(() {
+          userid=map['user']['id'];
+        });
       }
       else if(type=="get_rooms_response"){
         print(map);
@@ -192,13 +179,57 @@ class HomeScreenState extends State<HomeScreen>{
         );
       }
       else if(type=="receive_touch"){
-        print(map);
+        if(map['user']['id']==userid){
+          // ignore this
+          // print("self touch received. Ignore this");
+          return;
+        }
+      
+        // touch received to update othersTouchPoints
+        // print(map);
+        
+        if(map['type']=='enabled'){  // add touch point
+        // rescale point according to the screen
+        map['position']['x']*=width;
+        map['position']['y']*=height;
+        // print(map['position']['x'].toString());
+        // print(map['position']['y'].toString());
+          setState(() {
+            othersTouchPoints[map['id']]=map;
+          });
+        }
+        else{// delete the touch point
+          setState(() {
+            othersTouchPoints.remove(map['id']);
+          });
+        }
+      
       }
 
     });
     
   }
 
+
+  void setUsername() async{
+    prefs = await SharedPreferences.getInstance();
+    try{
+      await channel.ready;
+    }
+    catch(e){
+      print("Can't connect to the web socket server");
+      return;
+    }
+
+    // set username
+    Map data = {
+      "route": "set_username",
+      "username": prefs.getString("username"),
+    };
+    channel.sink.add(json.encode(data));
+
+  }
+
   void enterRoom(Map roomdata){
     setState((){
       currRoomId=roomdata['roomId'];
@@ -368,7 +399,7 @@ class HomeScreenState extends State<HomeScreen>{
   // runs every 1 second
   void startSendTouch(){
     sendTouchScheduler=Timer.periodic(
-      Duration(seconds: 1), (timer) async {
+      Duration(milliseconds: touchRefreshRate), (timer) async {
         // send touch to server
         Map data;
 
@@ -394,15 +425,36 @@ class HomeScreenState extends State<HomeScreen>{
         };
 
         channel.sink.add(jsonEncode(data));
-
-
       }
     );
   }
 
-  void stopSendTouch(){
+  void stopSendTouch() async{
     sendTouchScheduler.cancel();
     // send one last touch to tell touch is ended
+    Map data;
+    try{
+      await channel.ready;
+    }
+    catch(e){
+      print("Can't connect to the web socket server");
+      return;
+    }
+    data={
+      "route": "send_touch",
+      "id": 1, // Used to indentify vibrations for updating or disabling them
+      "type": "disabled",  // Whether the vibration is active or not.
+      "position": {
+        // "x":20,
+        // "y":20,
+        "x": touchX/width,  // send ratio x e.g. : x:700, width:800,  then send 0.9
+        "y": touchY/height, // send ratio y e.g. : y:400, height:800 then send 0.5
+      },
+      "color": profileColor, // Hex value. Default: random
+      // "intensity"?: 1 // Vibration intensity. Default: 1
+    };
+
+    channel.sink.add(jsonEncode(data));
 
   }
 
@@ -417,7 +469,8 @@ class HomeScreenState extends State<HomeScreen>{
     color=color.withOpacity(0.5);
     return Visibility(
       visible:visible,
-      child: Positioned(
+      child: AnimatedPositioned(
+        duration: Duration(milliseconds: touchRefreshRate),
         left:x-size/2,
         top:y-size/2,
         child: Container(
@@ -445,7 +498,7 @@ class HomeScreenState extends State<HomeScreen>{
     // detect our touch point collision with any othersTouchPoints
     // print(othersTouchPoints);
     // print("listening");
-    for(Map map in othersTouchPoints){
+    for(Map map in othersTouchPoints.values){
     
       // print("inside");
       double dx = (map["position"]["x"]-x).abs();
@@ -478,9 +531,15 @@ class HomeScreenState extends State<HomeScreen>{
     });
     
     // start send Touch Scheduler
-    SchedulerBinding.instance.addPostFrameCallback((_) { 
-      startSendTouch();
-    });
+    if(currRoomId.isNotEmpty){
+      SchedulerBinding.instance.addPostFrameCallback((_) { 
+        startSendTouch();
+      });
+    }
+    else{
+      // we are not joined in a room
+      // so can't send_touch 
+    }
     
   }
   void detectTouchUpdate(DragUpdateDetails details){
@@ -516,10 +575,14 @@ class HomeScreenState extends State<HomeScreen>{
     });
 
     // stop send Touch Scheduler and send stop touch message
-    SchedulerBinding.instance.addPostFrameCallback((_) { 
-      stopSendTouch();
-    });
-    
+    if(currRoomId.isNotEmpty){
+      SchedulerBinding.instance.addPostFrameCallback((_) { 
+        stopSendTouch();
+      });
+    }
+    else{
+      // can't send_touch end to server cuz we are not in a room
+    }
   }
 
   Widget mainSection(){
@@ -629,7 +692,7 @@ class HomeScreenState extends State<HomeScreen>{
 
 
           // render received touch points
-          ...othersTouchPoints.map((map){
+          ...othersTouchPoints.values.map<Widget>((map){
               return buildTouchPoint(
             visible:true,
             x:map['position']['x'],