iiitl / snake-game-js

0 stars 43 forks source link

Enhance Mobile Compatibility and Controls #6 #22

Closed 0PrashantYadav0 closed 5 months ago

0PrashantYadav0 commented 5 months ago

Added on screen keys for mobile user or user with screen width less then 1240px. Also added touch integrate swipe gestures for intuitive movement on touchscreens. This PR contains 2 different commit for above features respectively. I was not able to test it on mobile but i do check all the functionality on my system.

Screenshot 2024-03-15 at 5 45 41 PM
ANKITy102 commented 5 months ago

Added on screen keys for mobile user or user with screen width less then 1240px. Also added touch integrate swipe gestures for intuitive movement on touchscreens. This PR contains 2 different commit for above features respectively. I was not able to test it on mobile but i do check all the functionality on my system. Screenshot 2024-03-15 at 5 45 41 PM

@0PrashantYadav0, Change the text in button with icons of arrows. Keep left and right arrow on left side of screen. And keep up and down arrow on right side of screen for easy navigation for user. Also snake is getting cropped behind the board. You can fix this or you can change it with appropriate background.

0PrashantYadav0 commented 5 months ago

@ANKITy102 I add all the required thing that you asked for. Please review again.

ANKITy102 commented 5 months ago

@0PrashantYadav0, Please show the ss of the mobile view.

0PrashantYadav0 commented 5 months ago
Screenshot 2024-03-16 at 10 44 04 PM

@ANKITy102 please review

ANKITy102 commented 5 months ago

@0PrashantYadav0, Good Work. Please issue id in pr from next time.