Best way to design the map and collision of a PacMan WebApp game? (Vue.js) [closed]
I have a group project for my university in which we have to program a PacMan WebApp game in Vue.js. I'm currently working on the map design and the collision. Since I'm a beginner I don't know what's the appropriate way of building the map. My way would be to implement blocks as a Vue Component and call the component on my map and set these blocks as borders for my PacMan. Current state of development; Blue box is what i meant with blocks: Would it be better to design the map as an image and place invisible borders? Or even a completely different approach?
![Best way to design the map and collision of a PacMan WebApp game? (Vue.js) [closed]](https://i.sstatic.net/p7t3vNfg.png)
I have a group project for my university in which we have to program a PacMan WebApp game in Vue.js.
I'm currently working on the map design and the collision. Since I'm a beginner I don't know what's the appropriate way of building the map.
My way would be to implement blocks as a Vue Component and call the component on my map and set these blocks as borders for my PacMan.
Current state of development; Blue box is what i meant with blocks:
Would it be better to design the map as an image and place invisible borders?
Or even a completely different approach?
