正在加载...

转载请注明:http://www.awflasher.com/blog/archives/534

其实在数字电路中就已经介绍过这种模型,包括后续的“信息论”、“随机过程”等课程中,也介绍到了这个模型中的一些基本概念。可是平时在课堂上学过了,没有实际应用确实难以记住。这次在师弟Xophiix(http://www.xophiix.com.cn)处看到状态机一文,发现确实能将这一概念运用到Flash的交互开发中。Xophiix虽然仅仅是大二的学弟,但是有着非常强烈的创新欲望和实践经验。所谓三人行必有我师,这次这个“状态机”,确实帮了我那个挫的不能再挫的“是男人就下100层”的大忙。

言归正传,来介绍如何使用状态机模型进行开发。

首先,要明确什么叫做状态(Status)。我不想引用什么字典里的解释,那样只会将这里的问题复杂化。举例说明最方便。就拿我这个游戏来说,玩家所扮演的小人,就存在三种状态:小人跑动(move)、小人站立静止(stand)、小人在空中坠落(falling)。为了配合下面的代码实例,我简记为move, stand, falling,下同。图中分别用橘黄标示为A,B,C。

状态的一大特性就是转化。状态不是孤立的,换句话说,状态是变化的,是会互相转化的,比如,move可以转化到falling;falling可以转化到stand。
值得一提的是,转化有两条原则:
·转化本身的逻辑性 – 并非所有的状态之间都可以任意转化,这里stand就不能变化为falling,因为小人不可能站在挡板上不动自己掉下;而falling也不能转化为move,因为小人掉下的途中不可能跑动(脚踩空),而必须通过一次stand,再跑动。

转化的外界因素 – 转化的时候需要一个外因,这里四种转化,我用数字表示为1,2,3,4,意义分别是
1、移动出了挡板,从空中坠落
2、坠落途中掉在挡板上,站立
3、用户按左、右键,或者掉在了有“方向履带”的挡板上,小人跑动起来
4、用户停止按键并且小人站在非“方向履带”的挡板上,小人站立

这两条原则总结完了之后,就好设计程序了。但是在设计程序之前,一定要把这几个状态以及转换原则疏理清晰,如果你连一共有几种状态都分不清楚就开始写代码,那肯定有更多的麻烦等着你。

while-switch的方法可能是VC程序员最熟悉的了,前文提到的Xophiix的blog中可以看到。不过在Flash中,还是onEnterFrame-switch比较方便。毕竟Flash是按frame渲染的,用onEnterFrame的循环在资源消耗上有着很大的优势。代码如下,保留了整个小人的Action,状态机核心在中间加粗部分:

getPlayer.onEnterFrame = function()
{

if (this.isTowardLeft == undefined)
{
// 是否站在履带上
xinc = 0;
}
else if (this.isTowardLeft)
{
// 左旋转履带
xinc = -1;
}
else
{
// 右旋转履带
xinc = 1;
}
if(Key.isDown(Key.LEFT))
{
//按下左件
xinc -= spd;
}
if(Key.isDown(Key.RIGHT))
{
//按下右件
xinc += spd;
}    switch( statusNow )
{
case “stand”://站立状态
if( xinc != 0 )
{
//如果x轴向增量不为零,代表人应该移动了
this.gotoAndPlay( “move” );
statusNow = “move”;
//跳转到移动状态
break;
}
break;
case “move”://移动状态
if( !this.isOnLand)
{
//如果人不在挡板上,则坠落
this.gotoAndStop( “falling” );
statusNow = “falling”;
}
else if( xinc == 0 )
{
//如果x轴向增量为0,则站住
this.gotoAndStop( “stand” );
statusNow = “stand”;
break;
}
break;
case “falling”://坠落状态
if( this.isOnLand )
{
//如果人掉在挡板上,则转化为站立
this.gotoAndStop( “stand” );
statusNow = “stand”;
break;
}
break;
default:break;
}

//简单物理模型的建立,参考了ox_darkness师兄@Flash8
if( statusNow == “stand” )
{
yinc = 0;
this._y = this.receiveTarget._y;
}
if( statusNow == “move” )
{
yinc = 0;
this._y = this.receiveTarget._y;
if( xinc > 0 )
{
this._xscale = -Math.abs( this._xscale );
}
else if ( xinc < 0 )
{
this._xscale = Math.abs( this._xscale );
}
if( xinc != 0 )
{
this._x += xinc;
}
if( statusNow == “falling” )
{
this._y += yinc;
}
}
if( statusNow == “falling” )
{
yinc+=0.15;
this._y += yinc;
if( xinc > 0 )
{
this._xscale = -Math.abs( this._xscale );
}
else if ( xinc < 0 )
{
this._xscale = Math.abs( this._xscale );
}
if( xinc != 0 )
{
this._x += xinc;
}
}
if (this._y > sceneh || this._y < -5)
{
gameOver();
}
}

还没找到您要的东西?Google试试看吧,
Google更注重原创、时效性好的文章:


本文相关评论: 才 9 条评论
  1. sso 2006-05-28 09:05:33

    flash状态机,我推荐直接用状态命名函数和对应动画标签(而且这种做法相当实用,我一直都这么做):

    function init(){
    this.state = "stand";
    }

    function onEnterFrame(){
    this.gotoAndStop( this.state );
    this[ this.state + "Func" ]();
    }

    function standFunc(){ /*…*/ }
    function moveFunc(){ /*…*/ }
    function fallFunc(){ /*…*/ }

  2. aw 2006-05-28 11:03:24

    我有空改进改进:)

  3. NobodyLZ 2006-05-29 02:23:45

    sso的方法确实不错
    我以前不知道到底如何方便的利用字符串调用函数
    原来这里就是正解啊。
    this[ this.state + "Func" ]();

  4. realdodo 2006-05-29 10:50:23

    学习~
    and 不知道现在小贴士到哪里去了呢?…… [confused]

  5. aw 2006-05-29 10:54:19

    小贴士还在啊啊!

  6. 老虎 2008-09-12 01:11:04

    骷髅好久不见啊。
    没想到google到你的blog里来了。。

  7. YY 2010-01-27 01:14:53

    这也算状态机??状态机不只是有状态,还有条件(Rule),还有Trigger(触发时机).内部的实现都是callback机制!毕竟是自己写着玩玩,不是真正的商业项目.还是顶一下吧.

  8. harry 2010-04-16 02:31:11

    你好,我最近正好在做状态机的项目,你这个我觉得很好,能发个给我参考一下么?

[支持Ctrl+Enter]为了我们大家和家人的安全,留言请慎重!
声明:
1、本站仅与见过面的个人博客交换链接,见此文
2、留言时的头像是Gravatar提供的服务。如果您有兴趣并且有闲暇时间,可以看看这里的介绍