当前位置： →
→ CSON原创HTML5第一人称射击游戏发布
CSON原创HTML5第一人称射击游戏发布
& 作者及来源： Cson - 博客园 &
&收藏到→_→：
摘要: 【CSON原创】HTML5第一人称射击游戏发布
"CSON原创HTML5第一人称射击游戏发布"：：
功能说明：
　　游戏中在躲避敌人攻击的同时，需要收集三种不同的钥匙，开启对应的门，最后到达目的地。
　　该游戏同样基于自己开发的游戏框架cngamejs。
　　推荐用chrome浏览器查看。
效果预览：
　　方向键控制移动，空格键射击，shift键打开门。
实现分析：
　　在上一篇文章《实现3d迷宫》中，通过放射线法模拟出3d场景的效果，而本文则在3d效果的基础上，添加更多的游戏元素，构建成一个较完整的第一人称射击游戏。
　　关于如何模拟出3d场景效果上文中已经有较详细的描述，本文则主要介绍如何实现游戏互动部分。
　　1.游戏元素在地图上的对象和在屏幕上的对象的对应关系？
　　首先，每个游戏元素都对应两个游戏对象，一个游戏对象为左边地图上的对象，另一个则为右边屏幕上的对象。例如，一个敌人的位置，是否射击状态等信息都由左边的地图对象来表示，而敌人在屏幕上的显示，则是根据在左边地图上对象的信息进行绘制。简而言之，左边的地图对象负责游戏元素位置，状态的判别，它真正存储游戏信息。而右边的屏幕对象则只负责游戏元素的呈现。
newenemy.relatedobj=new enemy2({src:srcobj.enemy,context:screencontext});
newenemy.relatedobj.relatedparent=
　　如上，地图上的对象和屏幕上的对象保持互相引用的关系，这样就可以轻易通过地图对象访问屏幕对象，反之亦然。
　　2.如何使敌人在发现玩家后进行射击？
　　要实现该功能，我们需要知道玩家相对于敌人的角度，该参数我们可以根据敌人到玩家的距离和它们x，y的差值求出。之后我们就可以在敌人对象的位置向该方向发射出一条射线，如果该射线能在不触碰墙壁的时候触碰到玩家，就证明敌人可以看到玩此文来自: 马开东博客
转载请注明出处 网址：
家。这时候敌人就可以向玩家射击了。
nextx = enemycenter[0];
nexty = enemycenter[1];
while (this.map.getposvalue(nextx, nexty) == 0) {
distant += 1;
if (cngame.collision.col_point_rect(x, y, playerrect)&&!spritelist[i].relatedobj.iscurrentanimation("enemydie")) {//如果地图上敌人能看到玩家，则向玩家射击
spritelist[i].isshooting = true;
if (spritelist[i].lastshoottime & spritelist[i].shootduration) {//检查是否超过射击时间间隔，超过则射击玩家
spritelist[i].shoot(player);
spritelist[i].relatedobj.setcurrentimage(srcobj.enemy1);
spritelist[i].lastshoottime = 0;
if (spritelist[i].lastshoottime & 0.1) {
spritelist[i].relatedobj.setcurrentimage(srcobj.enemy);
spritelist[i].lastshoottime +=
spritelist[i].isshooting = false;
nextx = distant * math.cos(angle) + enemycenter[0];
nexty = enemycenter[1] - distant * math.sin(angle);
　　3.如何检测是否获得钥匙？
　　检测钥匙获取其实就是简单地检测玩家对象和钥匙对象是否产生碰撞，产生碰撞则获取到钥匙。碰撞检测同样发生在左边的地图对象。
检测是否获得钥匙
*/var checkgetkeys = function() {
var list = cngame.
var playerrect= this.player.getrect();
for (var i = 0, len = list. i & i++) {
if (list[i] instanceof key) {
if (cngame.collision.col_between_rects(list[i].getrect(),playerrect)) {
this.keysvalue.push(list[i].keyvalue);
list.remove(list[i]);
4.如何同时把游戏元素和游戏场景同时绘制在屏幕上并且保持正确的先后关系？
　　在css里，我们可以使用z-index使元素保持正确的层级关系，但是我们现在需要在canvas上绘制图形，因此只能模拟出z-index效果。
　　在之前那篇文章中说过，3d场景是由一条条不同长短的像素线的绘制而成，因此在加入了其他游戏元素之后，若要保持正确的层级关系，就需要为每个元素和像素线自定义zindex属性，并存放在数组中。每次绘制的时候数组根据zindex排序，使绘制有一个先后顺序，从而保证层级正确。zindex的值根据玩家到该元素或像素线的距离计算所得：
zindex= math.floor(1 / distant * 10000)
　　之后每次绘制就可以产生近的图像覆盖在远的图像上的效果：
　　排序：
colimgsarray.sort(function(obj1, obj2) {
if (obj1.zindex & obj2.zindex) {
else if (obj1.zindex & obj2.zindex) {
return -1;
　　绘制：
//画出每条像素线和游戏元素
for (var i = 0, len = colimgsarray. i & i++) {
var obj = colimgsarray[i];
if(obj.draw){
obj.draw();
context.drawimage(obj.img, obj.orix, obj.oriy, obj.oriwidth, obj.oriheight, obj.x, obj.y, obj.width, obj.height);
　　5.如何判断玩家击中敌人？
　　玩家击中敌人的判别其实也是利用碰撞检测，不过这次是利用元素在屏幕上的对象进行碰撞检测。我们只需要检测准星（屏幕中点）与敌人对象所形成的矩形是否产生碰撞，就可以检测到是否击中了敌人。
for (var i = list2.length - 1; i &= 0; i--) {
if (list2[i] instanceof enemy2 && list2[i].relatedparent.isshooting) {
var obj = list2[i];
var enemyrect = obj.getrect();//构造敌人在屏幕上形成的矩形对象
if (cngame.collision.col_point_rect(starpos[0], starpos[1], enemyrect)) {
obj.setcurrentanimation("enemydie");
　　击中敌人之后，需要break跳出循环，停止检测，防止击中在该敌人后面的敌人。
　　最后给出所有：点击下载
　　欢迎转载，请标明出处：/cson/archive//2380963.html
　　搜索此文相关文章：5第一人称射击游戏发布此文来自: 马开东博客
网址: 站长QQ
CSON原创HTML5第一人称射击游戏发布_博客园相关文章
博客园_总排行榜
博客园_最新
博客园_月排行榜
博客园_周排行榜
博客园_日排行榜&&[&& 原创&&]&& 作者：&&|&&责编：芦杉
&&&&AOC&G2460PG/BG电竞显示器内置了6种游戏瞄准星样式，方便用户在FPS(第一人称射击游戏)里练习射击技巧。这个功能提供的游戏准星能够和游戏里的准星相重合，但是比游戏里的更大，颜色更加明显，有利于玩家瞄准射击，这对于喜欢FPS射击游戏的用户来说，绝对是非常实用的功能。AOC&G2460PG/BG电竞显示器内置的6种游戏瞄准星样式在射击游戏里的实际体验在射击游戏里的实际体验&&&&AOC&G2460PG/BG电竞显示器内置的这6种游戏准星对初级玩家来说非常有帮助，因为大部分FPS游戏的准星在射击的时候都会变大，而显示器内置的准星是固定的，能够让射击更加稳定，不会射偏，开启这个功能后，射击目标更容易确定。在射击游戏里的实际体验在射击游戏里的实际体验&&&&通过实际的游戏体验，我们可以看到AOC&G2460PG/BG电竞显示器内置的6种瞄准器准星对玩家的帮助还是很大的，虽然这个功能的开发技术不是很复杂，但是这种真真切切的为用户考虑的想法还是很不错的。到这里，这款显示器的游戏方面的体验就结束了，接下来笔者会为大家带来这款显示器性能方面的测试。
......提示：支持键盘“← →”键翻页
屏幕尺寸 屏幕比例
投诉欺诈商家:
天津重庆哈尔滨沈阳长春石家庄呼和浩特西安太原兰州乌鲁木齐成都昆明贵阳长沙武汉郑州济南青岛烟台合肥南京杭州东莞南宁南昌福州厦门深圳温州佛山宁波泉州惠州银川
本城市下暂无经销商你的位置：
CF自动瞄准-真正实现瞄准敌人后准星跟踪敌人(按键脚本100%防封号)大家都知道
14:55:07 |
来源: 按键精灵资源站
本帖最后由 yindanfeng 于
13:17 编辑
真正实现瞄准敌人后准星跟踪敌人，能调高准确跟击杀率
游戏里的分辨率跟脚本上都设置为800X600（XP系统设置为普通模式；WIN7系统设置为增强模式）在进游戏前启动
下载地址请访问原帖}