我开发了我的第一个 JS 游戏!🎉

2025-06-09

我开发了我的第一个 JS 游戏!🎉

我制作了我的第一个 Maze JavaScript 游戏

我用过;

  • Vue.Js 框架,
  • JavaScript,
  • CSS

迷宫预览

我最近一直在学习 DOM 操作,因此我决定将我的知识付诸实践,并利用我学到的技能以及在此过程中学到的新技能构建一个小迷宫游戏。

虽然它很小巧,有点傻乎乎的,但我超级满意。肯定还有很多地方可以改进,或者做得不一样,所以如果你能看一下代码,我很乐意接受建设性的反馈,因为这只会帮助我写得更好。

我用来制作迷宫的一些东西;

  • 为了制作迷宫本身,我使用了 CSS Grid; 这是我还不熟悉的东西,但我觉得这是获得均匀 6x6 网格的最佳方法。
    CSS网格

  • 我使用鼠标悬停效果使游戏更具互动性,当你撞到“墙”时它会变成红色来显示;
    墙壁悬停效果

  • 只有通过起点您才能获胜,如果您尝试通过另一个入口到达终点,它会告诉您这是作弊!
    禁止作弊

  • 一路上可能会有一两个小惊喜👀

我希望你喜欢它,就像我做它时一样开心,你可以赢,这不是一个技巧😉

GitHub 代码: https://github.com/Louise-Ann93/mazegame
游戏: https://mazegamepractice.netlify.app/

享受😊

鏂囩珷鏉ユ簮锛�https://dev.to/louiseann93/i-built-my-first-js-game-3haa
PREV
防止倦怠😴
NEXT
Java 101:从零到高手课程