spacewar's Introduction

空间大战 `spacewar`

3d的飞船射击游戏，与npc混战，键盘W/S/A/D/R/F前后左右升降，鼠标控制视角，点左键射击。进入即玩，刷新再来。背景音乐，物理音效，语音播报。

支持新版本chrome/firefox。游戏演示 http://spacewar.coding.io/

背景说明

2013年5/6月份鼓捣three.js，喜欢第一人称射击，于是造了这个游戏，空间大战。后来想移植到mobile，苦于webgl支持不好，未果。想借websocket做成多人在线版本，也未果。

如今拿出，希望做些修改，参加coding的HTML5大赛，因为它非常符合。项目开源，欢迎小伙伴前来观摩、交流**、提交代码。希望大家~~投我一票~~，谢谢。

游戏亮点

3d，第一人称，飞船射击
进入即玩，刷新再来
与机智敏捷的npc混战
环绕音响，激情澎湃的背景音乐
各种物理音效
*气的语音播报
不限定的地图定制

用到的HTML5技术

基于three.js的canvas-3d动画渲染
webgl硬件加速
audio标签音频播放
开启全屏的js-api
锁定鼠标指针的js-api

未来的改变

为代码添加注释，便于大家阅读
生产环境使用七牛cdn加载静态资源 √
更新three.js等陈旧依赖，使用最新api
重写过去的一些错误/过度设计
让npc的ai更丰富
使用飞船模型，而不是方块
更加奇形怪状的地图

部分文件结构说明

- game/
  - Driver.js    # 驱动类抽象
  - AIDriver.js    # AI驱动，弱智决策
  - UserDriver.js    # 玩家驱动，绑定鼠标/键盘
  - Unit.js    # 单位类抽象
  - Station.js    # 空间站，摆设
  - Ship.js    # 飞船
  - Missile.js    # 导弹，杀伤
  - World.js    # 世界类，主程序
- lib/
  - jquery.min.js    # 用于dom操作
  - stats.min.js    # 实时显示性能数据
  - three.min.js    # 用于3d绘图
  - class.js    # 用于快速编写简单类
  - locker.js    # 全屏/锁鼠api
  - Timer.js    # 计时相关
  - SoundPlayer.js    # 声音播放点，3d定位

Recommend Projects