pixi.js 塔防游戏初探

724 阅读1分钟

最近突然对塔防游戏来了兴趣,索性就使用 pixi.js 开发了一个塔防小游戏,下面是完成的效果展示。

截屏2022-05-01 下午1.45.35.png

截屏2022-05-01 下午1.50.03.png 试玩链接游戏试玩地址 代码地址

游戏玩法介绍

  1. 用户可以拖动图片下面的武器到地图上,拖动过程中如果武器背景显示为红色则不可放置。
  2. 用户初始金币为 1000,每个武器都有自己的价格,用户拖动武器到地图成功后,金币会减少。
  3. 拖动到地图的武器,用户可以点击,点击后显示升级和卖掉,用户可以选择升级或者卖掉
  4. 敌人可以自动寻路到用户的基地,在游戏的右上角显示了整个游戏的全貌
  5. 用户每干掉一个敌人会获取相应的金币

使用到的库

  1. pathfinding.js 自动寻路算法
  2. pixi.js 游戏引擎
  3. howler.js 声音播放