h5的游戏开发详解(2)-木庄网络博客

当前第2页返回上一页

function getkey(event) {  var keyCode; 
  if(event == null)
  {
    keyCode = window.event.keyCode; 
    window.event.preventDefault();
  }  else
  {
    keyCode = event.keyCode; 
    event.preventDefault();
  }  switch(keyCode)
  {      case 68:  //按下D
       deal();      break; 
     case 72:   //按下H
     playerdone();      break; 
     case 78: //按下N
     newgame(); 
      break; 
    default:
    alert("Press d, h, or n.");
      }
   
 }

4. 添加事件监听：

var canvas1 = document.getElementById('canvas');
  canvas1.addEventListener('mousedown', startwall, false);//false表示事件冒泡的顺序。
  canvas1.addEventListener('mousemove', stretchwall, false);
  canvas1.addEventListener('mouseup', finish, false);

5.运动的图形一般都是统一加载在一个数组中，定时器每触发一次就重绘一次。每一个对象都有draw方法。

var mypent = new Token(100, 100, 20, "rgb(0,0,250)", 5);
everything.push(mypent);    function drawall() {
    ctx.clearRect(0, 0, cwidth, cheight);        var i;        for (i = 0; i < everything.length; i++) {
        everything[i].draw();
    }
}

6.javascript面向对象的能力没有那些高级语言强，很多功能的实现都是巧妙的运用了数组。比如洗牌的动作。

     //洗牌就是更换了牌的位置  function shuffle() {  var i = deck.length - 1;//deck代表一副牌
 var s;  while (i>0) {//这里循环一次 每张牌平均更换了两次位置
     s = Math.floor(Math.random()*(i+1));//随机范围是0-i (包括i)
     swapindeck(s,i);//交换位置
     i--;
 }
 } 
function swapindeck(j,k) {    var hold = new MCard(deck[j].num,deck[j].suit,deck[j].picture.src); //MCard 是一张牌的对象。
   deck[j] = deck[k];
   deck[k] = hold;
}

7.很多地方要用到数学知识：比如小球碰撞，就需要改变x和y的运动方向即可。判断是否在击中目标。就是判断xy是否在一定的区间。但判断一个移动的物体能不能经过前面的路，且不能能穿越墙。就有点复杂了。像迷宫那个游戏。本质是要判断线段到球心的距离不小于球的半径。

1	`.sx +=.sy += (i = 0; i < walls.length; i++= (intersect(wall.sx, wall.sy, wall.fx, wall.fy, .sx, .sy, .sx -=.sy -== fx -= fy -= 0.0 - ((sx - cx) * dx + (sy - cy) * dy) / ((dx * dx) + (dy * (t < 0.0= 0.0 (t > 1.0= 1.0= (sx+t(fx-sx))-= (sy +t(fy-sy))-= (dxdx) +(dy (rt<(rad*`

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！