An Interest In:
Web News this Week
- April 26, 2024
- April 25, 2024
- April 24, 2024
- April 23, 2024
- April 22, 2024
- April 21, 2024
- April 20, 2024
SNAKE GRID
As I continue to work on building out the snake game. I also get my first taste of using CSS Grid.
Why CSS grid?
What makes grid work for this game is that. We can set the game board up with equal columns and rows.
I set my board up to have 21 equal columns and 21 rows.
Mapping out the grid?
Using X, Y coordinates to help track the movement of my snake but also set up random location for the food to pop up on the grid.
X being the horizontal and Y being the vertical.
While learning to play around with grid it also helps with building function to test user input for direction and other things.
While I'm not master or expert the experience of using grid has opened up a door to try some new things.
Hope you keep pushing into some new areas. If you havent played around with CSS grid I encourage you to try it and share you experience with others.
Happy Coding
Original Link: https://dev.to/codejones/snake-grid-2g97
Dev To
An online community for sharing and discovering great ideas, having debates, and making friendsMore About this Source Visit Dev To