hxhsm——取代mvc的状态机框架

Copyright © 2013 深圳市葡萄藤网络科技有限公司版权所有

hxhsm

取代MVC的状机框架态

杨博 @ 葡萄藤


目录

• 什么要用为 HSM？

• 什么是 HSM？

• Haxe的 HSM ——实现 hxhsm


什要用为么 HSM？



• 示显– Flash Player 已封装了底操作经层– UI框架成熟

• 网络– 多成熟解决方案种

• Protobuf、 AMF……

• 业务逻辑– 占用游大部分代量戏码– 需要控制其他所有模：示、网 ……块显络– 不同于“ 域 ”领逻辑

• 无法提取正交的接口简单

网页游戏最难的是什么？



1. 行走束，等待玩家操作结a. 玩家不操作，超限，那么，跳玩家操作并束交互。长时间过时过结逻辑b. 玩家点一可用占地卡且无需消耗外卡牌，那么放置占地生物并击张额该结束交互。逻辑

c. 玩家点一可用占地卡且需要消耗外卡牌，那么等待玩家点消耗的击张额击卡牌：a. 玩家不操作，超限，那么，跳玩家操作并束交互长时间过时过结逻辑b. 玩家点要消耗的卡牌，那么放置占地生物、卡牌都消耗并束交互。击两张结逻辑c. 玩家点取消按，那么，返回步击钮骤 1.

d. 玩家点才移的己方生物，出土地操作菜：击刚经过动时经过弹单a. 玩家不操作，超限，那么，跳玩家操作并束交互长时间过时过结逻辑b. 玩家潜在能力，并且潜在能力可以直接使用，那么使用潜在能力并束交互选择该结逻

辑c. 玩家潜在能力，并且潜在能力需要另一玩家使用，那么：选择该对

I. 玩家不操作，超限，那么，跳玩家操作并束交互长时间过时过结逻辑II. 玩家点玩家像，那么使用潜在能力并束交互击头结逻辑III. 玩家在地上点玩家，那么使用潜在能力并束交互图击结逻辑IV. 玩家点取消按，那么，返回步击钮骤 1.

d. 玩家潜在能力，并且潜在能力需要另一地使用，那么：选择该对块1. 玩家不操作，超限，那么，跳玩家操作并束交互长时间过时过结逻辑a. 玩家在地上点地，那么使用潜在能力并束交互图击块结逻辑b. 玩家点取消按，那么，返回步击钮骤 1.

其他情形……其他情形……

策划描述的交互逻辑



class WalkCompleteCommand extends Command{ public static const STATE_WAIT:String = "wait"; public static const STATE_CARD_SELECTED:String = "cardSelected"; public static const STATE_DONE:String = "done"; // ...... private var state:String;

private function card_clickHandler(event:MouseEvent):void { switch (state) { case STATE_WAIT: { state = STATE_CARD_SELECTED; // ...... break; } case STATE_CARD_SELECTED: { // ...... break; } // ...... } }}

面向对象风格的逻辑代码



const effect1:DisplayObject =

playOnce(movieCache,effectPath,function():void

{

const effect2:DisplayObject =

playOnce(movieCache,effectPath,function():void

{

// ...

const battleEffect:DisplayObject =

playOnce(moviecache,battleeffectpath,function():void

{

const battleCtrl:BattleCtrl = new BattleCtrl();

battleCtrl.addEventListener(Event.CLOSE, function(event:Event):void

{

callback();

})

battleCtrl.initialize(move.new_position, creature,creatureData);

});

});

});

异步风格的逻辑代码



状态机风格的逻辑代码



层级状态机（H

SM

）的逻辑代码



1. 行走束，等待玩家操作结a. 玩家不操作，超限，那么，跳玩家操作并长时间过时过

束交互。结逻辑b. 玩家点一可用占地卡且无需消耗外卡牌，那么放击张额

置占地生物并束交互。该结逻辑c. 玩家点一可用占地卡切勿要消耗外卡牌，那么等击张额

待玩家点消耗的卡牌：击a. 玩家不操作，超限，那么，跳玩家操作长时间过时过

并束交互结逻辑b. 玩家点要消耗的卡牌，那么放置占地生物、卡击两张

牌都消耗并束交互。结逻辑c. 玩家点取消按，那么，返回步击钮骤 1.

d. 玩家点才移的己方生物，出土地操击刚经过动时经过弹作菜：单a. 玩家不操作，超限，那么，跳玩家操作并束长时间过时过结

交互逻辑b. 玩家点取消按，那么，土地菜消失，回到步击钮单骤 1.

c. 玩家潜在能力，并且潜在能力可以直接使用，那么使选择该用潜在能力并束交互结逻辑

d. 玩家潜在能力，并且潜在能力需要另一玩家使用，选择该对那么：

I. 玩家不操作，超限，那么，跳玩家操作并长时间过时过结束交互逻辑

II. 玩家点玩家像，那么使用潜在能力并束交互击头结逻辑III. 玩家在地上点玩家，那么使用潜在能力并束交互图击结逻

辑IV. 玩家点取消按，那么，返回步击钮骤 1.

其他情形……

其他情形……

交互逻辑描述和状态机结构一一对应


什是么 HSM？

Hierarchical State Machines状机层级态


什是状机么态

• 状机是有向态图– 状点态节– 状移函数态转

• 状函数态转换State(S) × Event(E) -> Actions(A), State(S')


状态图 vs 流程图

状态图流程图操作行程执过线点节事件线无状（等待下一事件）态点节无

行分支执含在中隐线条件点节程模型编事件驱动化结构


什是么 HSM

• 全称– Hierarchical State Machines （状机）层级态

• 状机层级态 =有限状机态 + Slave/Master 职责链

• 特适用于游别戏– 交互逻辑– AI

– 作控制动


hxhsm

Haxe 的 HSM 实现


hxhsm

• ：只需写简单编 PureMVC 五分之一的代码

• 范：规– 策：自根据状机定制状划动态义绘态图

– 程序：自生成程序代；静类型动码态检查

– QA ：提供基于状机的像态录

• 跨平台：

HTML5 、 Flash 、 Android 、 iOS 、 Window

s 、 Linux 、 Mac OS X

特点


hxhsm 用法

步骤一　状态定义


步骤二　自动生成主程序

hxhsm用法


步骤三　人工编写钩子

hxhsm用法


hxhsm用法

（完）步骤四　发布游戏


广告

• 提供 VinyCross 引擎授权

• 招募伴创业伙


One More Thing

事件录像


参考

• 基百科：内聚的类型维

• PureMVC

• Haxe

• 基百科：状机维层级态

• 　博（箱讲师杨邮 ·Github·Google Code· 博客）

hxhsm——取代mvc的状态机框架

Technology