mirror of
https://github.com/kirikayakazuto/CocosCreator_ECS
synced 2025-04-04 06:02:03 +00:00
update readme
This commit is contained in:
honmono
parent
c7d30bc03b
commit
1785cbedea
46
BehaviorTree.dio
Normal file
46
BehaviorTree.dio
Normal file
@ -0,0 +1,46 @@
|
||||
<mxfile host="65bd71144e">
|
||||
<diagram id="dLwbfvz9vYh7qeJd_Tvh" name="第 1 页">
|
||||
<mxGraphModel dx="647" dy="612" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1920" pageHeight="1200" math="0" shadow="0">
|
||||
<root>
|
||||
<mxCell id="0"/>
|
||||
<mxCell id="1" parent="0"/>
|
||||
<mxCell id="2" value="ECS" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="340" y="40" width="80" height="40" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="3" value="检查是有有钥匙" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="210" y="350" width="80" height="40" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="6" style="edgeStyle=none;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" edge="1" parent="1" source="4" target="3">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="8" style="edgeStyle=none;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" edge="1" parent="1" source="4" target="7">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="4" value="Sequence" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="270" y="260" width="80" height="40" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="7" value="钥匙开门" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="330" y="350" width="80" height="40" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="10" style="edgeStyle=none;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" edge="1" parent="1" source="9" target="4">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="12" style="edgeStyle=none;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" edge="1" parent="1" source="9" target="11">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="9" value="Select" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="330" y="170" width="80" height="40" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="11" value="斧头砸门" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="390" y="260" width="80" height="40" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="13" value="Cocos" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="490" y="40" width="80" height="40" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="14" value="" style="shape=cross;whiteSpace=wrap;html=1;size=0;" vertex="1" parent="1">
|
||||
<mxGeometry x="440" y="40" width="30" height="35" as="geometry"/>
|
||||
</mxCell>
|
||||
</root>
|
||||
</mxGraphModel>
|
||||
</diagram>
|
||||
</mxfile>
|
||||
152
ECS.dio
Normal file
152
ECS.dio
Normal file
@ -0,0 +1,152 @@
|
||||
<mxfile host="65bd71144e">
|
||||
<diagram id="TQPzfji1_PItH667R2By" name="第 1 页">
|
||||
<mxGraphModel dx="783" dy="741" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="583" pageHeight="413" math="0" shadow="0">
|
||||
<root>
|
||||
<mxCell id="0"/>
|
||||
<mxCell id="1" parent="0"/>
|
||||
<mxCell id="12" style="edgeStyle=none;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" edge="1" parent="1" source="2" target="3">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="52" value="1:n" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" vertex="1" connectable="0" parent="12">
|
||||
<mxGeometry x="-0.0168" relative="1" as="geometry">
|
||||
<mxPoint as="offset"/>
|
||||
</mxGeometry>
|
||||
</mxCell>
|
||||
<mxCell id="45" style="edgeStyle=none;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;startSize=0;" edge="1" parent="1" source="2" target="5">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="51" value="1:n" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" vertex="1" connectable="0" parent="45">
|
||||
<mxGeometry x="-0.2487" relative="1" as="geometry">
|
||||
<mxPoint y="-1" as="offset"/>
|
||||
</mxGeometry>
|
||||
</mxCell>
|
||||
<mxCell id="2" value="World" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="310" y="10" width="120" height="60" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="49" style="edgeStyle=none;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;startSize=0;" edge="1" parent="1" source="3" target="47">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="50" style="edgeStyle=none;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;startSize=0;" edge="1" parent="1" source="3" target="48">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="3" value="System" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="150" y="146" width="120" height="60" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="9" value="1:n" style="edgeStyle=none;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" edge="1" parent="1" source="5" target="7">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="5" value="Entity" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="400" y="146" width="120" height="60" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="56" style="edgeStyle=none;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;startSize=0;" edge="1" parent="1" source="7" target="54">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="57" style="edgeStyle=none;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;startSize=0;" edge="1" parent="1" source="7" target="55">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="7" value="Component" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="400" y="260" width="120" height="60" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="13" value="" style="shape=table;html=1;whiteSpace=wrap;startSize=0;container=1;collapsible=0;childLayout=tableLayout;" vertex="1" parent="1">
|
||||
<mxGeometry x="560" y="520" width="340" height="140" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="14" value="" style="shape=partialRectangle;html=1;whiteSpace=wrap;collapsible=0;dropTarget=0;pointerEvents=0;fillColor=none;top=0;left=0;bottom=0;right=0;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;" vertex="1" parent="13">
|
||||
<mxGeometry width="340" height="47" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="15" value="" style="shape=partialRectangle;html=1;whiteSpace=wrap;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;overflow=hidden;pointerEvents=1;" vertex="1" parent="14">
|
||||
<mxGeometry width="82" height="47" as="geometry">
|
||||
<mxRectangle width="82" height="47" as="alternateBounds"/>
|
||||
</mxGeometry>
|
||||
</mxCell>
|
||||
<mxCell id="16" value="Component1" style="shape=partialRectangle;html=1;whiteSpace=wrap;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;overflow=hidden;pointerEvents=1;" vertex="1" parent="14">
|
||||
<mxGeometry x="82" width="61" height="47" as="geometry">
|
||||
<mxRectangle width="61" height="47" as="alternateBounds"/>
|
||||
</mxGeometry>
|
||||
</mxCell>
|
||||
<mxCell id="17" value="Component2" style="shape=partialRectangle;html=1;whiteSpace=wrap;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;overflow=hidden;pointerEvents=1;" vertex="1" parent="14">
|
||||
<mxGeometry x="143" width="64" height="47" as="geometry">
|
||||
<mxRectangle width="64" height="47" as="alternateBounds"/>
|
||||
</mxGeometry>
|
||||
</mxCell>
|
||||
<mxCell id="39" value="Component3" style="shape=partialRectangle;html=1;whiteSpace=wrap;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;overflow=hidden;pointerEvents=1;" vertex="1" parent="14">
|
||||
<mxGeometry x="207" width="64" height="47" as="geometry">
|
||||
<mxRectangle width="64" height="47" as="alternateBounds"/>
|
||||
</mxGeometry>
|
||||
</mxCell>
|
||||
<mxCell id="42" value="Component4" style="shape=partialRectangle;html=1;whiteSpace=wrap;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;overflow=hidden;pointerEvents=1;" vertex="1" parent="14">
|
||||
<mxGeometry x="271" width="69" height="47" as="geometry">
|
||||
<mxRectangle width="69" height="47" as="alternateBounds"/>
|
||||
</mxGeometry>
|
||||
</mxCell>
|
||||
<mxCell id="18" value="" style="shape=partialRectangle;html=1;whiteSpace=wrap;collapsible=0;dropTarget=0;pointerEvents=0;fillColor=none;top=0;left=0;bottom=0;right=0;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;" vertex="1" parent="13">
|
||||
<mxGeometry y="47" width="340" height="46" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="19" value="<span>entity1</span>" style="shape=partialRectangle;html=1;whiteSpace=wrap;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;overflow=hidden;pointerEvents=1;" vertex="1" parent="18">
|
||||
<mxGeometry width="82" height="46" as="geometry">
|
||||
<mxRectangle width="82" height="46" as="alternateBounds"/>
|
||||
</mxGeometry>
|
||||
</mxCell>
|
||||
<mxCell id="20" value="1" style="shape=partialRectangle;html=1;whiteSpace=wrap;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;overflow=hidden;pointerEvents=1;" vertex="1" parent="18">
|
||||
<mxGeometry x="82" width="61" height="46" as="geometry">
|
||||
<mxRectangle width="61" height="46" as="alternateBounds"/>
|
||||
</mxGeometry>
|
||||
</mxCell>
|
||||
<mxCell id="21" value="1" style="shape=partialRectangle;html=1;whiteSpace=wrap;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;overflow=hidden;pointerEvents=1;" vertex="1" parent="18">
|
||||
<mxGeometry x="143" width="64" height="46" as="geometry">
|
||||
<mxRectangle width="64" height="46" as="alternateBounds"/>
|
||||
</mxGeometry>
|
||||
</mxCell>
|
||||
<mxCell id="40" value="0" style="shape=partialRectangle;html=1;whiteSpace=wrap;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;overflow=hidden;pointerEvents=1;" vertex="1" parent="18">
|
||||
<mxGeometry x="207" width="64" height="46" as="geometry">
|
||||
<mxRectangle width="64" height="46" as="alternateBounds"/>
|
||||
</mxGeometry>
|
||||
</mxCell>
|
||||
<mxCell id="43" value="1" style="shape=partialRectangle;html=1;whiteSpace=wrap;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;overflow=hidden;pointerEvents=1;" vertex="1" parent="18">
|
||||
<mxGeometry x="271" width="69" height="46" as="geometry">
|
||||
<mxRectangle width="69" height="46" as="alternateBounds"/>
|
||||
</mxGeometry>
|
||||
</mxCell>
|
||||
<mxCell id="22" value="" style="shape=partialRectangle;html=1;whiteSpace=wrap;collapsible=0;dropTarget=0;pointerEvents=0;fillColor=none;top=0;left=0;bottom=0;right=0;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;" vertex="1" parent="13">
|
||||
<mxGeometry y="93" width="340" height="47" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="23" value="<span>entity2</span>" style="shape=partialRectangle;html=1;whiteSpace=wrap;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;overflow=hidden;pointerEvents=1;" vertex="1" parent="22">
|
||||
<mxGeometry width="82" height="47" as="geometry">
|
||||
<mxRectangle width="82" height="47" as="alternateBounds"/>
|
||||
</mxGeometry>
|
||||
</mxCell>
|
||||
<mxCell id="24" value="0" style="shape=partialRectangle;html=1;whiteSpace=wrap;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;overflow=hidden;pointerEvents=1;" vertex="1" parent="22">
|
||||
<mxGeometry x="82" width="61" height="47" as="geometry">
|
||||
<mxRectangle width="61" height="47" as="alternateBounds"/>
|
||||
</mxGeometry>
|
||||
</mxCell>
|
||||
<mxCell id="25" value="1" style="shape=partialRectangle;html=1;whiteSpace=wrap;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;overflow=hidden;pointerEvents=1;" vertex="1" parent="22">
|
||||
<mxGeometry x="143" width="64" height="47" as="geometry">
|
||||
<mxRectangle width="64" height="47" as="alternateBounds"/>
|
||||
</mxGeometry>
|
||||
</mxCell>
|
||||
<mxCell id="41" value="1" style="shape=partialRectangle;html=1;whiteSpace=wrap;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;overflow=hidden;pointerEvents=1;" vertex="1" parent="22">
|
||||
<mxGeometry x="207" width="64" height="47" as="geometry">
|
||||
<mxRectangle width="64" height="47" as="alternateBounds"/>
|
||||
</mxGeometry>
|
||||
</mxCell>
|
||||
<mxCell id="44" value="0" style="shape=partialRectangle;html=1;whiteSpace=wrap;connectable=0;fillColor=none;top=0;left=0;bottom=0;right=0;overflow=hidden;pointerEvents=1;" vertex="1" parent="22">
|
||||
<mxGeometry x="271" width="69" height="47" as="geometry">
|
||||
<mxRectangle width="69" height="47" as="alternateBounds"/>
|
||||
</mxGeometry>
|
||||
</mxCell>
|
||||
<mxCell id="47" value="System1" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="60" y="248" width="120" height="60" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="48" value="System2" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="220" y="248" width="120" height="60" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="54" value="Component1" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="320" y="360" width="120" height="60" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="55" value="Component2" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="480" y="360" width="120" height="60" as="geometry"/>
|
||||
</mxCell>
|
||||
</root>
|
||||
</mxGraphModel>
|
||||
</diagram>
|
||||
</mxfile>
|
||||
422
README.md
Executable file → Normal file
422
README.md
Executable file → Normal file
@ -1,2 +1,420 @@
|
||||
# hello-world
|
||||
Hello world new project template.
|
||||
# 在Cocos中使用ECS + BehaviorTree 实现格斗AI
|
||||
### 成品展示
|
||||
|
||||
demo 角色AI包含了巡逻, 追踪, 攻击, 躲避攻击, 受伤打断攻击, 攻击打断闪避等. 可以细心看一下二图.
|
||||
|
||||
巡逻中
|
||||
|
||||
<img src="./images/巡逻.gif" title="" alt="巡逻.gif" width="501">
|
||||
|
||||
追逐打斗
|
||||
|
||||
<img src="./images/打斗.gif" title="" alt="打斗.gif" width="507">
|
||||
|
||||
|
||||
|
||||
完整展示视频链接:
|
||||
|
||||
https://www.bilibili.com/video/bv1hi4y1Q7Uv
|
||||
|
||||
|
||||
|
||||
代码链接在文章末位.
|
||||
|
||||
|
||||
|
||||
### 1. 写一个ECS框架
|
||||
|
||||
**ECS** 全称 Entity - Component - System(实体 - 组件 - 系统).
|
||||
|
||||
**组件只有属性没有行为, 系统只有行为没有属性.**
|
||||
|
||||
-------
|
||||
|
||||
本来这里想介绍一下ECS的概念, 但是写起来感觉像是记流水账, 网上已经有很多ECS的介绍文章了, 所以觉得不如贴几篇我个人觉得写的好的, 谈一谈我的理解.
|
||||
|
||||
[浅谈《守望先锋》中的 ECS 构架](https://blog.codingnow.com/2017/06/overwatch_ecs.html)
|
||||
|
||||
这篇文章应该是最早一批介绍ECS架构的文章了, 看过好几遍, 不仅全面的介绍了ECS架构, 还对比了ECS和传统游戏开发架构的区别. 以及在网络同步时的处理.
|
||||
|
||||
[游戏开发中的ECS 架构概述](https://zhuanlan.zhihu.com/p/30538626)
|
||||
|
||||
这篇文章比较接地气
|
||||
|
||||
> ***ECS***，即 Entity-Component-System（实体-组件-系统） 的缩写，其模式遵循[组合优于继承](https://link.zhihu.com/?target=https%3A//en.wikipedia.org/wiki/Composition_over_inheritance)原则，游戏内的每一个基本单元都是一个**实体**，每个**实体**又由一个或多个**组件**构成，每个**组件**仅仅包含代表其特性的数据（即在组件中没有任何方法），例如：移动相关的组件`MoveComponent`包含速度、位置、朝向等属性，一旦一个实体拥有了`MoveComponent`组件便可以认为它拥有了移动的能力，**系统**便是来处理拥有一个或多个相同**组件**的**实体**集合的工具，其只拥有行为（即在系统中没有任何数据），在这个例子中，处理移动的**系统**仅仅关心拥有移动能力的**实体**，它会遍历所有拥有`MoveComponent`**组件**的**实体**，并根据相关的数据（速度、位置、朝向等），更新实体的位置。
|
||||
>
|
||||
> **实体**与**组件**是一个一对多的关系，**实体**拥有怎样的能力，完全是取决于其拥有哪些**组件**，通过动态添加或删除**组件**，可以在（游戏）运行时改变**实体**的行为。
|
||||
|
||||
|
||||
|
||||
**这段话对于ECS的关系也是我设计的框架遵守的规则.** 即Component只包含属性, System只包含行为.
|
||||
|
||||
|
||||
|
||||
#### 1. 这个ECS框架做了什么
|
||||
|
||||
World-Entity-Component-System的关系图
|
||||
|
||||
<img src="./images/2022-03-29-19-16-28-image.png" title="" alt="" width="441">
|
||||
|
||||
**World每帧根据顺序调用所有的System, System中会处理对应的Component. 在这个过程中, 使用者可以动态的创建或销毁Entity, 给Entity添加或移除Component.**
|
||||
|
||||
|
||||
|
||||
为了更高效的维护Entity-Component-System的关系, 我采取了一些办法.
|
||||
|
||||
###### 1. 所有的Component都通过其对应的ComponentPool维护.
|
||||
|
||||
例如MoveComponent会生成一个MoveComponentPool进行维护, 方便实现复用. 外面不直接持有Component, 而是通过component在pool中的index索引便可以在对应的pool中获取到对应的Component.
|
||||
|
||||
###### 2. Entity使用自增Id标识.
|
||||
|
||||
外部不需要持有Entity对象, 或者说没有Entity对象, 所有的Entity都是一个Id, 通过这个Id在world内进行操作.
|
||||
|
||||
###### 3. System通过Filter类管理关注的Entity.
|
||||
|
||||
上文中提到System为了处理其关心的ComponentA, 会遍历所有拥有该ComponentA的Entity. 但是怎么判断哪下Entity有这个ComponentA呢? 传统的方法会遍历所有的Entity, 判断其是否有ComponentA, 这种方案明显是不够高效的. 所以这里引入了Filter类, 其方法的核心是空间换时间并有一套判断规则(接收某些类型的组件, 拒接某些类型的组件), 当每次进行AddComponent和RemoveComponent 或者RemoveEntity等会影响实体的操作时, 会通知所有的Filter有实体进行了修改,Filter会判断该实体是否还符合条件(也就是判断是否有ComponentA), 选择是否在Filter中保留该实体. 那么当System需要遍历某些特定的Entity时, 就可以直接通过对应的Filter就可以获得了.
|
||||
|
||||
###### 4. Entity和Component的关系可以用一张二维表维护.
|
||||
|
||||
| | ComponentA | ComponentB | ComponentC | ComponentD |
|
||||
|:-------:|:----------:|:----------:|:----------:|:----------:|
|
||||
| Entity1 | -1 | 0 | -1 | 0 |
|
||||
| Entity2 | -1 | 1 | 0 | -1 |
|
||||
|
||||
如上述表格中Component数字的意思是其在Pool中的index索引, -1表示没有.
|
||||
|
||||
所以Entity1有组件ComponentB, ComponentD.Entity1有组件ComponentB, ComponentC.
|
||||
|
||||
**还有最后一个问题就是 如何将Entity和Component转换成0~N的整数以方便构建二维数组呢?**
|
||||
|
||||
对于Entity可以通过id的自增实现, 每创建一个Entity, id++.
|
||||
|
||||
而Component可以根据类型的枚举值得到唯一标识. 如下面的枚举值.
|
||||
|
||||
```typescript
|
||||
export enum ComType {
|
||||
ComCocosNode = 0,
|
||||
ComMovable = 1,
|
||||
ComNodeConfig = 2,
|
||||
ComBehaviorTree = 3,
|
||||
ComTransform = 4,
|
||||
ComMonitor = 5,
|
||||
ComRoleConfig = 6,
|
||||
ComAttackable = 7,
|
||||
ComBeAttacked = 8
|
||||
}
|
||||
```
|
||||
|
||||
这样就可以构建出上面的二维表了.
|
||||
|
||||
|
||||
|
||||
最后还可以通过ts的注解, 将ComType注入到对应的Component类中. 将type和component一一对应起来.
|
||||
|
||||
```typescript
|
||||
// 项目中一个Component.
|
||||
@ECSComponent(ComType.ComMovable)
|
||||
export class ComMovable {
|
||||
public running = false;
|
||||
public speed = 0;
|
||||
public points: cc.Vec2[] = [];
|
||||
public pointIdx = 0;
|
||||
public keepDir = false;
|
||||
public speedDirty = false;
|
||||
}
|
||||
```
|
||||
|
||||
###### 小结: 到这一步就已经完成框架部分了, 再展示一下ComMovable对应的SysMovable. 这个System会每帧根据ComMovable的当前状态, 计算出下一帧的ComMovable状态.
|
||||
|
||||
这里插入一下对于Filter的更详细的介绍, Filter的判断规则是通过参数判断接收某些类型的组件, 拒接某些类型的组件. 比如这个参数[ComMovable, ComTransform, ComCocosNode])表示这个Filter保存的是同时含有ComMovable,ComTransform,ComCocosNode组件的实体.
|
||||
|
||||
```
|
||||
const FILTER_MOVE = GenFilterKey([ComMovable, ComTransform, ComCocosNode]);
|
||||
export class SysMovable extends ECSSystem {
|
||||
/** 更新 */
|
||||
public onUpdate(world: ECSWorld, dt:number): void {
|
||||
world.getFilter(FILTER_MOVE).walk((entity: number) => {
|
||||
let comMovable = world.getComponent(entity, ComMovable);
|
||||
let comTrans = world.getComponent(entity, ComTransform);
|
||||
if(comMovable.speed <= 0 || comMovable.pointIdx >= comMovable.points.length) {
|
||||
return ;
|
||||
}
|
||||
if(!comMovable.running) {
|
||||
comMovable.running = true;
|
||||
}
|
||||
let moveLen = comMovable.speed * dt;
|
||||
while(moveLen > 0 && comMovable.pointIdx < comMovable.points.length) {
|
||||
let nextPoint = comMovable.points[comMovable.pointIdx];
|
||||
let offsetX = nextPoint.x - comTrans.x;
|
||||
let offsetY = nextPoint.y - comTrans.y;
|
||||
let offsetLen = Math.sqrt(offsetX * offsetX + offsetY * offsetY);
|
||||
if(offsetLen <= moveLen) {
|
||||
moveLen -= offsetLen;
|
||||
comTrans.x = nextPoint.x;
|
||||
comTrans.y = nextPoint.y;
|
||||
comMovable.pointIdx ++;
|
||||
continue;
|
||||
}
|
||||
if(!comMovable.keepDir) {
|
||||
comTrans.dir.x = offsetX / offsetLen || comTrans.dir.x;
|
||||
comTrans.dir.y = offsetY / offsetLen;
|
||||
}
|
||||
comTrans.x += moveLen * offsetX / offsetLen;
|
||||
comTrans.y += moveLen * offsetY / offsetLen;
|
||||
|
||||
moveLen = -1;
|
||||
}
|
||||
if(comMovable.pointIdx >= comMovable.points.length) {
|
||||
comMovable.speed = 0;
|
||||
comMovable.speedDirty = true;
|
||||
}
|
||||
return false;
|
||||
});
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
|
||||
|
||||
#### 2. ECS框架和Cocos Creator结合
|
||||
|
||||
<img title="" src="./images/2022-03-30-01-04-53-image.png" alt="" width="343">
|
||||
|
||||
ECS框架本身的实现不难, 核心代码只有几百行的样子, 但是如何将这个框架和Cocos Creator结合起来, 或者说怎么展示一个Node, 并可以通过ECS的方式操控Node呢?
|
||||
|
||||
|
||||
|
||||
以上面的ComMovable和SysMovable为例, ECS本身更多的是数据上的逻辑处理, Entity添加了ComMovable组件就获得了SysMovable的能力, 那么给Entity添加一个显示Node的组件(ComCocosNode), 在通过一个处理ComCocosNode的System(SysCocosView)是不是就实现了展示node的能力呢.
|
||||
|
||||
|
||||
|
||||
###### 1. 设计结合Cocos中Node的组件
|
||||
|
||||
基于这个想法我设计了ComCocosNode.
|
||||
|
||||
```typescript
|
||||
@ECSComponent(ComType.ComCocosNode)
|
||||
export class ComCocosNode {
|
||||
public node: cc.Node = null;
|
||||
public loaded = false;
|
||||
public events: EventBase[] = [];
|
||||
}
|
||||
```
|
||||
|
||||
ComCocosNode中有node属性. 通过Entity获取到ComCocosNode组件就可以修改node的属性了, 而events是因为对于node我们不仅有同步的处理, 也有一些异步的处理, 比如播放一系列动画, 这种可以通过添加事件的方式, 即在system不直接调用node的组件方法, 而是让组件自己读取event, 自己去处理.
|
||||
|
||||
|
||||
|
||||
这个时候node还没有赋值, 所以我又设计了一个组件ComNodeConfig
|
||||
|
||||
```typescript
|
||||
@ECSComponent(ComType.ComNodeConfig)
|
||||
export class ComNodeConfig {
|
||||
id = 0; // 唯一标识
|
||||
prefabUrl = ''
|
||||
layer = 0; // 层级
|
||||
}
|
||||
```
|
||||
|
||||
这里可能会有人有疑问, 为什么不把这两个组件的属性合并到一起, 这个其实是为了方便配置, ComNodeConfig的属性都是可以直接配置在表上的, 这样的话就方便配置同学了.
|
||||
|
||||
|
||||
|
||||
###### 2. 设计处理ComNodeConfig的System
|
||||
|
||||
最后通过一个SysCocosView系统, 这个系统处理的实体是 有ComNodeConfig组件, 但是没有ComCocosNode组件的实体. 每次遍历时根据ComNodeConfig组件的prefabUrl加载prefab生成node, 根据layer层级将node添加到指定位置, 然后给这个实体添加ComCocosNode组件, 将node值赋上. 这样下一次就不会处理这个实体了. 下面的代码是demo已经完成后的代码了, 我就不还原到刚开始时候的样子了.
|
||||
|
||||
```typescript
|
||||
const FILTER_COCOS_NODE = GenFillterKey([ComNodeConfig], [ComCocosNode]);
|
||||
const FILTER_NODE_EVENT = GenFillterKey([ComCocosNode, ComTransform]);
|
||||
export class SysCocosView extends ECSSystem implements ITouchProcessor {
|
||||
|
||||
onUpdate(world:ECSWorld, dt:number) {
|
||||
world.getFilter(FILTER_COCOS_NODE).walk((entity: number) => {
|
||||
let comNodeConfig = world.getComponent(entity, ComNodeConfig);
|
||||
let comView = world.addComponent(entity, ComCocosNode);
|
||||
let comRoleConfig = world.getComponent(entity, ComRoleConfig);
|
||||
this._loadView(world, entity, comNodeConfig).then((node: cc.Node) => {
|
||||
console.log('load view success');
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
world.getFilter(FILTER_NODE_EVENT).walk((entity: number) => {
|
||||
let comCocosNode = world.getComponent(entity, ComCocosNode);
|
||||
if(!comCocosNode.loaded) return ;
|
||||
let eventProcess = comCocosNode.node.getComponent(EventProcess);
|
||||
if(!eventProcess) return ;
|
||||
let comTrans = world.getComponent(entity, ComTransform);
|
||||
eventProcess.sync(comTrans.x, comTrans.y, comTrans.dir);
|
||||
while(comCocosNode.events.length) {
|
||||
let event = comCocosNode.events.shift();
|
||||
eventProcess.processEvent(event);
|
||||
}
|
||||
return true;
|
||||
});
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
|
||||
|
||||
### 写一个BehaviorTree(行为树)
|
||||
|
||||
###### 1. BehaviroTree是什么?
|
||||
|
||||
介绍行为树网上也有很多文章了, 我这里也就不赘述了.
|
||||
|
||||
[游戏AI之决策结构—行为树 - KillerAery - 博客园](https://www.cnblogs.com/KillerAery/p/10007887.html)
|
||||
|
||||
[AI 行为树的工作原理 | indienova 独立游戏](https://indienova.com/indie-game-development/ai-behavior-trees-how-they-work/)
|
||||
|
||||
> 行为树的名字很好地解释了它是什么。不像有限状态机（Finite State Machine）或其他用于 AI 编程的系统，行为树是一棵用于控制 AI 决策行为的、包含了层级节点的树结构。树的最末端——叶子，就是这些 AI 实际上去做事情的命令；连接树叶的树枝，就是各种类型的节点，这些节点决定了 AI 如何从树的顶端根据不同的情况，来沿着不同的路径来到最终的叶子这一过程。
|
||||
>
|
||||
> 行为树可以非常地“深”，层层节点向下延伸。凭借调用实现具体功能的子行为树，开发者可以建立相互连接的行为树库来做出非常让人信服的 AI 行为。并且，行为树的开发是高度迭代的，你可以从一个很简单的行为开始，然后做一些分支来应对不同的情境或是实现不同的目标，让 AI 的诉求来驱动行为，或是允许 AI 在行为树没有覆盖到的情境下使用备用方案等等。
|
||||
|
||||
树的最末端叶子是AI实际上做的事的命令可以称为行为, 行为是需要用户编写的具体的动作, 比如移动到某位置, 攻击, 闪避等. 联系根到叶子的节点的中间节点可以称为决策节点, 决策节点并没有实际的行为,而是决定是否可以向下执行到叶子节点.
|
||||
|
||||
|
||||
|
||||
如何决定呢?
|
||||
|
||||
每一个结点执行后都会返回一个状态, 状态有三种1, Success. 2, Fail. 3, Running.
|
||||
|
||||
Success和Fail很好理解, 比如一个监视节点, 看到了敌人返回success, 没看到返回Fail.
|
||||
|
||||
但是对于一个需要执行一段时间的节点, 比如1s内移动五步, 在不到1s时去看节点的状态, 这个时候返回成功或者失败都是不合理的, 所以这种情况应该返回Running表示这个节点还在执行中. 等下一帧在继续判断.
|
||||
|
||||
|
||||
|
||||
这个时候我们可以设计这样一个节点, 它的状态是和子节点状态挂钩的, 按顺序执行子节点,如果遇到了执行失败的结点则返回失败, 如果全部执行成功则返回成功. 这种结点可以称为Sequence.
|
||||
|
||||
类似的结点还有Select, 这个节点的状态是按顺序执行子节点,如果全部执行失败则返回失败, 如果遇到执行成功则返回成功.
|
||||
|
||||
下面是一个实际项目Sequence的实现.
|
||||
|
||||
```typescript
|
||||
/** Sequence node */
|
||||
NodeHandlers[NodeType.Sequence] = {
|
||||
onEnter(node: SequenceNode, context: ExecuteContext) : void {
|
||||
node.currIdx = 0;
|
||||
context.executor.onEnterBTNode(node.children[node.currIdx], context);
|
||||
node.state = NodeState.Executing;
|
||||
},
|
||||
onUpdate(node: SequenceNode, context: ExecuteContext) : void {
|
||||
if(node.currIdx < 0 || node.currIdx >= node.children.length) {
|
||||
// 越界了, 不应该发生, 直接认为是失败了
|
||||
node.state = NodeState.Fail;
|
||||
return;
|
||||
}
|
||||
// 检查前置条件是否满足
|
||||
for(let i=0; i<node.currIdx; i++) {
|
||||
context.executor.updateBTNode(node.children[i], context);
|
||||
if(node.children[i].state !== NodeState.Success) return;
|
||||
}
|
||||
context.executor.updateBTNode(node.children[node.currIdx], context);
|
||||
let state = node.children[node.currIdx].state;
|
||||
if(state == NodeState.Executing) return;
|
||||
|
||||
if(state === NodeState.Fail && !node.ignoreFailure) {
|
||||
node.state = NodeState.Fail;
|
||||
return;
|
||||
}
|
||||
if(state === NodeState.Success && node.currIdx == node.children.length-1) {
|
||||
node.state = NodeState.Success;
|
||||
return ;
|
||||
}
|
||||
context.executor.onEnterBTNode(node.children[++node.currIdx], context);
|
||||
}
|
||||
};
|
||||
```
|
||||
|
||||
|
||||
|
||||
这两个结点的组合就可以实现if else的效果, 如角色在门前, 如果有钥匙就开门, 如果没有就砸门. 实现如下图
|
||||
|
||||
如果有钥匙, Sequence的第一个子节点执行成功, 那么会去执行第二个子节点(钥匙开门).
|
||||
|
||||
Sequence执行成功, 就不会执行后面的斧头砸门节点. 如果没有钥匙, Sequence执行失败, 那么就执行后面的斧头砸门节点.
|
||||
|
||||
<img src="./images/2022-03-30-00-58-10-image.png" title="" alt="" width="317">
|
||||
|
||||
|
||||
|
||||
###### 2. 决策的时效性
|
||||
|
||||
根据我看的一些文档, 对于行为树的决策是每一帧都要更新的, 比如现在有一个场景, 用户可以输入文本, 输入move让方块A向前移动10格子, 输入stop方块A停止移动. 那么对于行为树来说, 每一帧都要判断当前用户输入的是move,还是stop, 从而下达是移动还是停止的行为.
|
||||
|
||||
对于移动, 行为是sequence([用户输入move, 移动]); 用ActionA代替
|
||||
|
||||
对于停止, 行为是sequence([用户输入stop, 停止]);用ActionB代替
|
||||
|
||||
最终行为是select([ActionA, ActionB])
|
||||
|
||||
> sequence表示按顺序执行子行为, 如果遇到子行为执行失败, 那么立刻停止, 并返回失败, 如果全部执行成功, 那么返回成功.
|
||||
|
||||
> select表示按顺序执行子行为, 如果遇到子行为执行成功, 那么立即停止, 并返回成功. 如果全部执行失败, 那么返回失败.
|
||||
|
||||
假设现在用户点击一下, 那么每帧都需要从头一层层向下判断执行, 直到判断到移动再执行.
|
||||
|
||||
当然这是有必要的, 对于行为来说 确定自己能否应该执行是十分重要的.
|
||||
|
||||
但是这对执行一个 持续性的行为很不友好. 假设还是上面的场景, 用户输入sleep, 方块停止移动2s. 就是sequence([用户输入sleep, 停止移动2s]). 这个时候行为树是 select([ActionA, ActionB, ActionC]);
|
||||
|
||||
那么当我输入sleep, 方块停止移动的时间内, 输入move, 那么下一帧的决策就进入了ActionA, 导致方块移动. 停止移动2s的行为被打断了.
|
||||
|
||||
这个问题我称为行为树决策的时效性, 也就是行为得到的决策, 并不能维持一定时间.
|
||||
|
||||
这个决策其实目前只是sequence和Select 才拥有的.
|
||||
|
||||
## 如何解决:
|
||||
|
||||
因为我是自己想的, 所以解决方案可能不是最优的.
|
||||
|
||||
首先我加入了具有时效性的LockedSequence, LockedSelect, 也就是当前行为的决策一旦做出, 就必须在当前行为完全结束后才能被修改.
|
||||
|
||||
```
|
||||
class NodeHandler {
|
||||
|
||||
onEnter:(node: NodeBase, context: ExecuteContext) => void;
|
||||
|
||||
onUpdate:(node: NodeBase, context: ExecuteContext) => void;
|
||||
|
||||
}
|
||||
```
|
||||
|
||||
引入一丢丢代码, 在onEnter时, 将当前行为的状态置为 running, 在onUpdate时判断, 如果当前状态不是running就return. 所以一旦状态确定, 就不会再onUpdate中被修改, 直到下一次进入onEnter.
|
||||
|
||||
这个时候在带入上述的场景就没问题了, 当用户输入sleep时, 方块停止移动2s, 在2s内输入move, 并不会导致ActionC的决策更改, 直到停止移动2s的行为结束, 进入下一个周期后才会进入ActionA
|
||||
|
||||
但是这个同样也导致了另一个问题, 就是并行的行为. 比如假设一个场景, 士兵一边巡逻, 一边观察是否有敌人, 如果有敌人, 那么停止巡逻, 去追击敌人.
|
||||
|
||||
行为树如下:
|
||||
|
||||
ActionA = 巡逻
|
||||
|
||||
ActionB = sequence([观察是否有敌人, 追击敌人]);
|
||||
|
||||
repeat(sequence([ActionB, ActionA]))
|
||||
|
||||
因为上面的方法在行为结束前不会修改决策, 那么就会出现, 士兵先观察是否有敌人, 没有就去巡逻, 巡逻完了, 再去观察是否有敌人, 这就太蠢了.
|
||||
|
||||
我解决上面的问题的方案是添加一个新的决策Node, 这个Node就是处理并行行为的.
|
||||
|
||||
parallel 的能力是 顺序处理子节点, 但是并不需要等待前一个节点执行完毕后才能执行后一个. 当有行为返回失败时, 立即退出返回失败, 当所有行为返回成功时, 停止返回成功.
|
||||
|
||||
行为树如下:
|
||||
|
||||
repeat(selector([parallel([Inverter(观察是否有敌人), 巡逻]), 追击敌人]))
|
||||
|
||||
> Inverter表示取反
|
||||
|
||||
当前没有发现有敌人, 那么行为在巡逻, parallel还在running阶段, 因为巡逻不会失败, 所以最后一种情况是 如果发现敌人, 那么parallel立即返回失败, 那么行为就到了追击敌人了.
|
||||
|
||||
|
||||
|
||||
最后展示一下Demo中的行为树.
|
||||
|
||||
|
||||
|
||||
|
||||
@ -82,18 +82,21 @@
|
||||
},
|
||||
{
|
||||
"__id__": 18
|
||||
},
|
||||
{
|
||||
"__id__": 26
|
||||
}
|
||||
],
|
||||
"_active": true,
|
||||
"_components": [
|
||||
{
|
||||
"__id__": 26
|
||||
"__id__": 34
|
||||
},
|
||||
{
|
||||
"__id__": 27
|
||||
"__id__": 35
|
||||
},
|
||||
{
|
||||
"__id__": 28
|
||||
"__id__": 36
|
||||
}
|
||||
],
|
||||
"_prefab": null,
|
||||
@ -698,8 +701,8 @@
|
||||
],
|
||||
"_srcBlendFactor": 770,
|
||||
"_dstBlendFactor": 771,
|
||||
"_string": "button",
|
||||
"_N$string": "button",
|
||||
"_string": "add a",
|
||||
"_N$string": "add a",
|
||||
"_fontSize": 20,
|
||||
"_lineHeight": 40,
|
||||
"_enableWrapText": false,
|
||||
@ -1083,8 +1086,8 @@
|
||||
],
|
||||
"_srcBlendFactor": 770,
|
||||
"_dstBlendFactor": 771,
|
||||
"_string": "button",
|
||||
"_N$string": "button",
|
||||
"_string": "add b",
|
||||
"_N$string": "add b",
|
||||
"_fontSize": 20,
|
||||
"_lineHeight": 40,
|
||||
"_enableWrapText": false,
|
||||
@ -1256,6 +1259,391 @@
|
||||
"handler": "onClick2",
|
||||
"customEventData": ""
|
||||
},
|
||||
{
|
||||
"__type__": "cc.Node",
|
||||
"_name": "New Button",
|
||||
"_objFlags": 0,
|
||||
"_parent": {
|
||||
"__id__": 2
|
||||
},
|
||||
"_children": [
|
||||
{
|
||||
"__id__": 27
|
||||
}
|
||||
],
|
||||
"_active": true,
|
||||
"_components": [
|
||||
{
|
||||
"__id__": 32
|
||||
}
|
||||
],
|
||||
"_prefab": null,
|
||||
"_opacity": 255,
|
||||
"_color": {
|
||||
"__type__": "cc.Color",
|
||||
"r": 255,
|
||||
"g": 255,
|
||||
"b": 255,
|
||||
"a": 255
|
||||
},
|
||||
"_contentSize": {
|
||||
"__type__": "cc.Size",
|
||||
"width": 100,
|
||||
"height": 40
|
||||
},
|
||||
"_anchorPoint": {
|
||||
"__type__": "cc.Vec2",
|
||||
"x": 0.5,
|
||||
"y": 0.5
|
||||
},
|
||||
"_trs": {
|
||||
"__type__": "TypedArray",
|
||||
"ctor": "Float64Array",
|
||||
"array": [
|
||||
473.095,
|
||||
245.37,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
1,
|
||||
1,
|
||||
1,
|
||||
1
|
||||
]
|
||||
},
|
||||
"_eulerAngles": {
|
||||
"__type__": "cc.Vec3",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"z": 0
|
||||
},
|
||||
"_skewX": 0,
|
||||
"_skewY": 0,
|
||||
"_is3DNode": false,
|
||||
"_groupIndex": 0,
|
||||
"groupIndex": 0,
|
||||
"_id": "85qrRc4bZJc5jmPaLOoN5t"
|
||||
},
|
||||
{
|
||||
"__type__": "cc.Node",
|
||||
"_name": "Background",
|
||||
"_objFlags": 512,
|
||||
"_parent": {
|
||||
"__id__": 26
|
||||
},
|
||||
"_children": [
|
||||
{
|
||||
"__id__": 28
|
||||
}
|
||||
],
|
||||
"_active": true,
|
||||
"_components": [
|
||||
{
|
||||
"__id__": 30
|
||||
},
|
||||
{
|
||||
"__id__": 31
|
||||
}
|
||||
],
|
||||
"_prefab": null,
|
||||
"_opacity": 255,
|
||||
"_color": {
|
||||
"__type__": "cc.Color",
|
||||
"r": 255,
|
||||
"g": 255,
|
||||
"b": 255,
|
||||
"a": 255
|
||||
},
|
||||
"_contentSize": {
|
||||
"__type__": "cc.Size",
|
||||
"width": 100,
|
||||
"height": 40
|
||||
},
|
||||
"_anchorPoint": {
|
||||
"__type__": "cc.Vec2",
|
||||
"x": 0.5,
|
||||
"y": 0.5
|
||||
},
|
||||
"_trs": {
|
||||
"__type__": "TypedArray",
|
||||
"ctor": "Float64Array",
|
||||
"array": [
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
1,
|
||||
1,
|
||||
1,
|
||||
0
|
||||
]
|
||||
},
|
||||
"_eulerAngles": {
|
||||
"__type__": "cc.Vec3",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"z": 0
|
||||
},
|
||||
"_skewX": 0,
|
||||
"_skewY": 0,
|
||||
"_is3DNode": false,
|
||||
"_groupIndex": 0,
|
||||
"groupIndex": 0,
|
||||
"_id": "0ekZoSTDRBLICbpC5YU3je"
|
||||
},
|
||||
{
|
||||
"__type__": "cc.Node",
|
||||
"_name": "Label",
|
||||
"_objFlags": 512,
|
||||
"_parent": {
|
||||
"__id__": 27
|
||||
},
|
||||
"_children": [],
|
||||
"_active": true,
|
||||
"_components": [
|
||||
{
|
||||
"__id__": 29
|
||||
}
|
||||
],
|
||||
"_prefab": null,
|
||||
"_opacity": 255,
|
||||
"_color": {
|
||||
"__type__": "cc.Color",
|
||||
"r": 0,
|
||||
"g": 0,
|
||||
"b": 0,
|
||||
"a": 255
|
||||
},
|
||||
"_contentSize": {
|
||||
"__type__": "cc.Size",
|
||||
"width": 100,
|
||||
"height": 40
|
||||
},
|
||||
"_anchorPoint": {
|
||||
"__type__": "cc.Vec2",
|
||||
"x": 0.5,
|
||||
"y": 0.5
|
||||
},
|
||||
"_trs": {
|
||||
"__type__": "TypedArray",
|
||||
"ctor": "Float64Array",
|
||||
"array": [
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
1,
|
||||
1,
|
||||
1,
|
||||
1
|
||||
]
|
||||
},
|
||||
"_eulerAngles": {
|
||||
"__type__": "cc.Vec3",
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"z": 0
|
||||
},
|
||||
"_skewX": 0,
|
||||
"_skewY": 0,
|
||||
"_is3DNode": false,
|
||||
"_groupIndex": 0,
|
||||
"groupIndex": 0,
|
||||
"_id": "b1O0CAOdZBz5+5gIn3dR5n"
|
||||
},
|
||||
{
|
||||
"__type__": "cc.Label",
|
||||
"_name": "",
|
||||
"_objFlags": 0,
|
||||
"node": {
|
||||
"__id__": 28
|
||||
},
|
||||
"_enabled": true,
|
||||
"_materials": [
|
||||
{
|
||||
"__uuid__": "eca5d2f2-8ef6-41c2-bbe6-f9c79d09c432"
|
||||
}
|
||||
],
|
||||
"_srcBlendFactor": 770,
|
||||
"_dstBlendFactor": 771,
|
||||
"_string": "debug",
|
||||
"_N$string": "debug",
|
||||
"_fontSize": 20,
|
||||
"_lineHeight": 40,
|
||||
"_enableWrapText": false,
|
||||
"_N$file": null,
|
||||
"_isSystemFontUsed": true,
|
||||
"_spacingX": 0,
|
||||
"_batchAsBitmap": false,
|
||||
"_styleFlags": 0,
|
||||
"_underlineHeight": 0,
|
||||
"_N$horizontalAlign": 1,
|
||||
"_N$verticalAlign": 1,
|
||||
"_N$fontFamily": "Arial",
|
||||
"_N$overflow": 1,
|
||||
"_N$cacheMode": 1,
|
||||
"_id": "6cPxNByvpCFJiTXSiCxOaC"
|
||||
},
|
||||
{
|
||||
"__type__": "cc.Sprite",
|
||||
"_name": "",
|
||||
"_objFlags": 0,
|
||||
"node": {
|
||||
"__id__": 27
|
||||
},
|
||||
"_enabled": true,
|
||||
"_materials": [
|
||||
{
|
||||
"__uuid__": "eca5d2f2-8ef6-41c2-bbe6-f9c79d09c432"
|
||||
}
|
||||
],
|
||||
"_srcBlendFactor": 770,
|
||||
"_dstBlendFactor": 771,
|
||||
"_spriteFrame": {
|
||||
"__uuid__": "f0048c10-f03e-4c97-b9d3-3506e1d58952"
|
||||
},
|
||||
"_type": 1,
|
||||
"_sizeMode": 0,
|
||||
"_fillType": 0,
|
||||
"_fillCenter": {
|
||||
"__type__": "cc.Vec2",
|
||||
"x": 0,
|
||||
"y": 0
|
||||
},
|
||||
"_fillStart": 0,
|
||||
"_fillRange": 0,
|
||||
"_isTrimmedMode": true,
|
||||
"_atlas": null,
|
||||
"_id": "adrDAfICJAQ4XbjieFeAUn"
|
||||
},
|
||||
{
|
||||
"__type__": "cc.Widget",
|
||||
"_name": "",
|
||||
"_objFlags": 0,
|
||||
"node": {
|
||||
"__id__": 27
|
||||
},
|
||||
"_enabled": true,
|
||||
"alignMode": 0,
|
||||
"_target": null,
|
||||
"_alignFlags": 45,
|
||||
"_left": 0,
|
||||
"_right": 0,
|
||||
"_top": 0,
|
||||
"_bottom": 0,
|
||||
"_verticalCenter": 0,
|
||||
"_horizontalCenter": 0,
|
||||
"_isAbsLeft": true,
|
||||
"_isAbsRight": true,
|
||||
"_isAbsTop": true,
|
||||
"_isAbsBottom": true,
|
||||
"_isAbsHorizontalCenter": true,
|
||||
"_isAbsVerticalCenter": true,
|
||||
"_originalWidth": 100,
|
||||
"_originalHeight": 40,
|
||||
"_id": "d4dYinX5hGWaxVDkLesoz7"
|
||||
},
|
||||
{
|
||||
"__type__": "cc.Button",
|
||||
"_name": "",
|
||||
"_objFlags": 0,
|
||||
"node": {
|
||||
"__id__": 26
|
||||
},
|
||||
"_enabled": true,
|
||||
"_normalMaterial": null,
|
||||
"_grayMaterial": null,
|
||||
"duration": 0.1,
|
||||
"zoomScale": 1.2,
|
||||
"clickEvents": [
|
||||
{
|
||||
"__id__": 33
|
||||
}
|
||||
],
|
||||
"_N$interactable": true,
|
||||
"_N$enableAutoGrayEffect": false,
|
||||
"_N$transition": 3,
|
||||
"transition": 3,
|
||||
"_N$normalColor": {
|
||||
"__type__": "cc.Color",
|
||||
"r": 230,
|
||||
"g": 230,
|
||||
"b": 230,
|
||||
"a": 255
|
||||
},
|
||||
"_N$pressedColor": {
|
||||
"__type__": "cc.Color",
|
||||
"r": 200,
|
||||
"g": 200,
|
||||
"b": 200,
|
||||
"a": 255
|
||||
},
|
||||
"pressedColor": {
|
||||
"__type__": "cc.Color",
|
||||
"r": 200,
|
||||
"g": 200,
|
||||
"b": 200,
|
||||
"a": 255
|
||||
},
|
||||
"_N$hoverColor": {
|
||||
"__type__": "cc.Color",
|
||||
"r": 255,
|
||||
"g": 255,
|
||||
"b": 255,
|
||||
"a": 255
|
||||
},
|
||||
"hoverColor": {
|
||||
"__type__": "cc.Color",
|
||||
"r": 255,
|
||||
"g": 255,
|
||||
"b": 255,
|
||||
"a": 255
|
||||
},
|
||||
"_N$disabledColor": {
|
||||
"__type__": "cc.Color",
|
||||
"r": 120,
|
||||
"g": 120,
|
||||
"b": 120,
|
||||
"a": 200
|
||||
},
|
||||
"_N$normalSprite": {
|
||||
"__uuid__": "f0048c10-f03e-4c97-b9d3-3506e1d58952"
|
||||
},
|
||||
"_N$pressedSprite": {
|
||||
"__uuid__": "e9ec654c-97a2-4787-9325-e6a10375219a"
|
||||
},
|
||||
"pressedSprite": {
|
||||
"__uuid__": "e9ec654c-97a2-4787-9325-e6a10375219a"
|
||||
},
|
||||
"_N$hoverSprite": {
|
||||
"__uuid__": "f0048c10-f03e-4c97-b9d3-3506e1d58952"
|
||||
},
|
||||
"hoverSprite": {
|
||||
"__uuid__": "f0048c10-f03e-4c97-b9d3-3506e1d58952"
|
||||
},
|
||||
"_N$disabledSprite": {
|
||||
"__uuid__": "29158224-f8dd-4661-a796-1ffab537140e"
|
||||
},
|
||||
"_N$target": {
|
||||
"__id__": 27
|
||||
},
|
||||
"_id": "749WE4zm1JhpiMAmdyMCeA"
|
||||
},
|
||||
{
|
||||
"__type__": "cc.ClickEvent",
|
||||
"target": {
|
||||
"__id__": 2
|
||||
},
|
||||
"component": "",
|
||||
"_componentId": "e1b90/rohdEk4SdmmEZANaD",
|
||||
"handler": "onClick3",
|
||||
"customEventData": ""
|
||||
},
|
||||
{
|
||||
"__type__": "cc.Canvas",
|
||||
"_name": "",
|
||||
|
||||
@ -59,7 +59,12 @@ export default class RoleEventProcess extends EventProcess {
|
||||
break;
|
||||
|
||||
case EventType.GraphicsDraw:
|
||||
this._graphicsDraw(event as EventGraphicsDraw);
|
||||
if(cc.debug.isDisplayStats()) {
|
||||
this._graphicsDraw(event as EventGraphicsDraw);
|
||||
}else {
|
||||
this._graphicsDraw(null);
|
||||
}
|
||||
|
||||
break;
|
||||
|
||||
|
||||
@ -76,7 +81,7 @@ export default class RoleEventProcess extends EventProcess {
|
||||
}
|
||||
|
||||
private _graphicsDraw(event: EventGraphicsDraw) {
|
||||
if(event.points.length <= 0) {
|
||||
if(!event || event.points.length <= 0) {
|
||||
this.graphics.clear();
|
||||
return ;
|
||||
}
|
||||
|
||||
@ -7,8 +7,6 @@ export class ComMovable {
|
||||
public speed = 0;
|
||||
public points: cc.Vec2[] = [];
|
||||
public pointIdx = 0;
|
||||
|
||||
public keepDir = false;
|
||||
|
||||
public speedDirty = false;
|
||||
}
|
||||
@ -23,7 +23,13 @@ export class SysAttack extends ECSSystem {
|
||||
}
|
||||
/** */
|
||||
public onEntityLeave(world: ECSWorld, entity: number): void {
|
||||
|
||||
let filter = world.getFilter(FILTER_ATTACKABLE);
|
||||
// 判断当前monitor是否
|
||||
filter.entities.forEach((value: boolean, otherEntity: number) => {
|
||||
let comBeAttacked = world.getComponent(otherEntity, ComBeAttacked);
|
||||
if(!comBeAttacked) return ;
|
||||
if(comBeAttacked.attacker == entity) comBeAttacked.attacker = -1;
|
||||
});
|
||||
}
|
||||
/** 更新 */
|
||||
public onUpdate(world: ECSWorld, dt: number): void {
|
||||
|
||||
@ -19,9 +19,18 @@ const FILTER_NODE_EVENT = GenFillterKey([ComCocosNode, ComTransform]);
|
||||
export class SysCocosView extends ECSSystem implements ITouchProcessor {
|
||||
|
||||
onTouchStart(worldPos: cc.Vec2, world: ECSWorld): boolean {
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
onTouchMove(worldPos: cc.Vec2, world: ECSWorld): void {
|
||||
|
||||
}
|
||||
|
||||
onTouchCancel(worldPos: cc.Vec2, world: ECSWorld): void {
|
||||
|
||||
}
|
||||
|
||||
onAdd(world: ECSWorld) {
|
||||
|
||||
}
|
||||
|
||||
@ -21,8 +21,8 @@ export class SysMonitor extends ECSSystem {
|
||||
/** */
|
||||
public onEntityLeave(world: ECSWorld, entity: number): void {
|
||||
let filter = world.getFilter(FILTER_MONITOR);
|
||||
// 判断当前monitor是否
|
||||
filter.entities.forEach((value: boolean, otherEntity: number) => {
|
||||
// 判断当前monitor是否
|
||||
filter.entities.forEach((value: boolean, otherEntity: number) => {
|
||||
let comMonitor = world.getComponent(otherEntity, ComMonitor);
|
||||
if(!comMonitor) return ;
|
||||
for(let i=comMonitor.others.length-1; i>=0; i--) {
|
||||
@ -60,12 +60,6 @@ export class SysMonitor extends ECSSystem {
|
||||
let _check = (com: ComTransform) => {
|
||||
return (a.sub(cc.v2(com.x, com.y)).len() < comMonitor.aroundLen || isInTriangle(cc.v2(com.x, com.y), a, b, c) || isInTriangle(cc.v2(com.x, com.y), b, c, d))
|
||||
}
|
||||
// for(let i=comMonitor.others.length-1; i>=0; i--) {
|
||||
// const com = world.getComponent(comMonitor.others[i], ComTransform);
|
||||
// if(!com || !_check(com)) {
|
||||
// comMonitor.others.splice(i, 1);
|
||||
// }
|
||||
// }
|
||||
|
||||
if(comMonitor.others.indexOf(otherEntity) == -1 && _check(comTransOther)) {
|
||||
comMonitor.others.push(otherEntity);
|
||||
|
||||
@ -28,6 +28,8 @@ export default class Main extends cc.Component {
|
||||
|
||||
this.regiestTouchEvent();
|
||||
|
||||
//this.regiestTouchHandler();
|
||||
|
||||
}
|
||||
|
||||
onClick1() {
|
||||
@ -38,6 +40,10 @@ export default class Main extends cc.Component {
|
||||
this.ecsController.createRoleEntity("Cyborg");
|
||||
}
|
||||
|
||||
onClick3() {
|
||||
cc.debug.setDisplayStats(!cc.debug.isDisplayStats());
|
||||
}
|
||||
|
||||
protected update(dt: number): void {
|
||||
if(this._world) this._world.update(dt);
|
||||
}
|
||||
@ -54,14 +60,20 @@ export default class Main extends cc.Component {
|
||||
this._touchHandler[i].onTouchStart(e.getLocation(), this._world);
|
||||
}
|
||||
}
|
||||
private _onTouchMove() {
|
||||
|
||||
private _onTouchMove(e: cc.Event.EventTouch) {
|
||||
for(let i = 0; i < this._touchHandler.length; i++) {
|
||||
this._touchHandler[i].onTouchMove(e.getLocation(), this._world);
|
||||
}
|
||||
}
|
||||
private _onTouchEnd() {
|
||||
|
||||
private _onTouchEnd(e: cc.Event.EventTouch) {
|
||||
for(let i = 0; i < this._touchHandler.length; i++) {
|
||||
this._touchHandler[i].onTouchEnd(e.getLocation(), this._world);
|
||||
}
|
||||
}
|
||||
private _onTouchCancel() {
|
||||
|
||||
private _onTouchCancel(e: cc.Event.EventTouch) {
|
||||
for(let i = 0; i < this._touchHandler.length; i++) {
|
||||
this._touchHandler[i].onTouchCancel(e.getLocation(), this._world);
|
||||
}
|
||||
}
|
||||
|
||||
public regiestTouchHandler(handler: ITouchProcessor) {
|
||||
|
||||
BIN
images/2022-03-30-00-58-10-image.png
Normal file
BIN
images/2022-03-30-00-58-10-image.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 49 KiB |
BIN
images/2022-03-30-01-04-53-image.png
Normal file
BIN
images/2022-03-30-01-04-53-image.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
images/2022-03-30-01-11-22-image.png
Normal file
BIN
images/2022-03-30-01-11-22-image.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 276 KiB |
BIN
images/巡逻.gif
Normal file
BIN
images/巡逻.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 MiB |
BIN
images/打斗.gif
Normal file
BIN
images/打斗.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 MiB |
@ -1,6 +1,6 @@
|
||||
<mxfile host="65bd71144e">
|
||||
<diagram id="endGVnAz2XQP9egm64uB" name="第 1 页">
|
||||
<mxGraphModel dx="937" dy="767" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="583" math="0" shadow="0">
|
||||
<mxGraphModel dx="937" dy="1350" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="583" math="0" shadow="0">
|
||||
<root>
|
||||
<mxCell id="0"/>
|
||||
<mxCell id="1" parent="0"/>
|
||||
@ -8,7 +8,7 @@
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="2" value="<div style="color: rgb(51 , 51 , 51) ; background-color: rgb(245 , 245 , 245) ; font-family: &#34;menlo&#34; , &#34;monaco&#34; , &#34;courier new&#34; , monospace ; line-height: 18px"><span style="color: #7a3e9d ; font-weight: bold">RepeaterNode</span></div>" style="rounded=1;whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
||||
<mxGeometry x="530" width="120" height="60" as="geometry"/>
|
||||
<mxGeometry x="630" y="-10" width="120" height="60" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="5" style="edgeStyle=none;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" parent="1" source="3" target="6" edge="1">
|
||||
<mxGeometry relative="1" as="geometry">
|
||||
@ -28,7 +28,7 @@
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="6" value="<div style="color: rgb(51 , 51 , 51) ; background-color: rgb(245 , 245 , 245) ; font-family: &#34;menlo&#34; , &#34;monaco&#34; , &#34;courier new&#34; , monospace ; line-height: 18px"><span style="color: #7a3e9d ; font-weight: bold">ParallelNode</span></div>" style="rounded=1;whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
||||
<mxGeometry x="580" y="420" width="120" height="60" as="geometry"/>
|
||||
<mxGeometry x="580" y="410" width="120" height="60" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="22" style="edgeStyle=none;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" parent="1" source="8" target="20" edge="1">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
@ -40,13 +40,13 @@
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="8" value="<div style="color: rgb(51 , 51 , 51) ; background-color: rgb(245 , 245 , 245) ; font-family: &#34;menlo&#34; , &#34;monaco&#34; , &#34;courier new&#34; , monospace ; line-height: 18px"><div style="font-family: &#34;menlo&#34; , &#34;monaco&#34; , &#34;courier new&#34; , monospace ; line-height: 18px"><span style="color: #7a3e9d ; font-weight: bold">LockedSequenceNode</span></div></div>" style="rounded=1;whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
||||
<mxGeometry x="870" y="510" width="120" height="60" as="geometry"/>
|
||||
<mxGeometry x="870" y="490" width="120" height="60" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="13" style="edgeStyle=none;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" parent="1" source="10" target="12" edge="1">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="10" value="<div style="color: rgb(51 , 51 , 51) ; background-color: rgb(245 , 245 , 245) ; font-family: &#34;menlo&#34; , &#34;monaco&#34; , &#34;courier new&#34; , monospace ; line-height: 18px"><div style="font-family: &#34;menlo&#34; , &#34;monaco&#34; , &#34;courier new&#34; , monospace ; line-height: 18px"><span style="color: #7a3e9d ; font-weight: bold">InverterNode</span></div></div>" style="rounded=1;whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
||||
<mxGeometry x="470" y="510" width="120" height="60" as="geometry"/>
|
||||
<mxGeometry x="470" y="490" width="120" height="60" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="17" style="edgeStyle=none;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" parent="1" source="11" target="16" edge="1">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
@ -55,28 +55,28 @@
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="11" value="<div style="color: rgb(51 , 51 , 51) ; background-color: rgb(245 , 245 , 245) ; font-family: &#34;menlo&#34; , &#34;monaco&#34; , &#34;courier new&#34; , monospace ; line-height: 18px"><div style="font-family: &#34;menlo&#34; , &#34;monaco&#34; , &#34;courier new&#34; , monospace ; line-height: 18px"><span style="color: #7a3e9d ; font-weight: bold">LockedSequenceNode</span></div></div>" style="rounded=1;whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
||||
<mxGeometry x="700" y="510" width="120" height="60" as="geometry"/>
|
||||
<mxGeometry x="700" y="490" width="120" height="60" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="12" value="<div style="color: rgb(51 , 51 , 51) ; background-color: rgb(245 , 245 , 245) ; font-family: &#34;menlo&#34; , &#34;monaco&#34; , &#34;courier new&#34; , monospace ; line-height: 18px"><div style="font-family: &#34;menlo&#34; , &#34;monaco&#34; , &#34;courier new&#34; , monospace ; line-height: 18px"><div style="font-family: &#34;menlo&#34; , &#34;monaco&#34; , &#34;courier new&#34; , monospace ; line-height: 18px"><span style="color: #7a3e9d ; font-weight: bold">MonitorNode</span></div></div></div>" style="rounded=1;whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
||||
<mxGeometry x="470" y="610" width="120" height="60" as="geometry"/>
|
||||
<mxGeometry x="470" y="583" width="120" height="60" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="16" value="<div style="color: rgb(51 , 51 , 51) ; background-color: rgb(245 , 245 , 245) ; font-family: &#34;menlo&#34; , &#34;monaco&#34; , &#34;courier new&#34; , monospace ; line-height: 18px"><div style="font-family: &#34;menlo&#34; , &#34;monaco&#34; , &#34;courier new&#34; , monospace ; line-height: 18px"><div style="font-family: &#34;menlo&#34; , &#34;monaco&#34; , &#34;courier new&#34; , monospace ; line-height: 18px"><div style="font-family: &#34;menlo&#34; , &#34;monaco&#34; , &#34;courier new&#34; , monospace ; line-height: 18px"><span style="color: #7a3e9d ; font-weight: bold">WaitNode</span></div></div></div></div>" style="rounded=1;whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
||||
<mxGeometry x="630" y="600" width="120" height="60" as="geometry"/>
|
||||
<mxGeometry x="630" y="583" width="120" height="60" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="18" value="<div style="color: rgb(51 , 51 , 51) ; background-color: rgb(245 , 245 , 245) ; font-family: &#34;menlo&#34; , &#34;monaco&#34; , &#34;courier new&#34; , monospace ; line-height: 18px"><div style="font-family: &#34;menlo&#34; , &#34;monaco&#34; , &#34;courier new&#34; , monospace ; line-height: 18px"><div style="font-family: &#34;menlo&#34; , &#34;monaco&#34; , &#34;courier new&#34; , monospace ; line-height: 18px"><div style="font-family: &#34;menlo&#34; , &#34;monaco&#34; , &#34;courier new&#34; , monospace ; line-height: 18px"><div style="font-family: &#34;menlo&#34; , &#34;monaco&#34; , &#34;courier new&#34; , monospace ; line-height: 18px"><span style="color: #7a3e9d ; font-weight: bold">WalkToRandomPosNode</span></div></div></div></div></div>" style="rounded=1;whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
||||
<mxGeometry x="700" y="680" width="120" height="60" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="20" value="<div style="color: rgb(51 , 51 , 51) ; background-color: rgb(245 , 245 , 245) ; font-family: &#34;menlo&#34; , &#34;monaco&#34; , &#34;courier new&#34; , monospace ; line-height: 18px"><div style="font-family: &#34;menlo&#34; , &#34;monaco&#34; , &#34;courier new&#34; , monospace ; line-height: 18px"><div style="font-family: &#34;menlo&#34; , &#34;monaco&#34; , &#34;courier new&#34; , monospace ; line-height: 18px"><span style="color: #7a3e9d ; font-weight: bold">WalkToTargetNode</span></div></div></div>" style="rounded=1;whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
||||
<mxGeometry x="800" y="600" width="120" height="60" as="geometry"/>
|
||||
<mxGeometry x="800" y="583" width="120" height="60" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="21" value="<div style="color: rgb(51 , 51 , 51) ; background-color: rgb(245 , 245 , 245) ; font-family: &#34;menlo&#34; , &#34;monaco&#34; , &#34;courier new&#34; , monospace ; line-height: 18px"><div style="font-family: &#34;menlo&#34; , &#34;monaco&#34; , &#34;courier new&#34; , monospace ; line-height: 18px"><div style="font-family: &#34;menlo&#34; , &#34;monaco&#34; , &#34;courier new&#34; , monospace ; line-height: 18px"><span style="color: #7a3e9d ; font-weight: bold">AttackNode</span></div></div></div>" style="rounded=1;whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
||||
<mxGeometry x="870" y="680" width="120" height="60" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="27" value="<div style="background-color: rgb(245 , 245 , 245) ; line-height: 18px"><div style="line-height: 18px"><font color="#7a3e9d" face="menlo, monaco, courier new, monospace"><b>WillBeAttacked</b></font><br></div></div>" style="rounded=1;whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
||||
<mxGeometry x="240" y="490" width="120" height="60" as="geometry"/>
|
||||
<mxGeometry x="220" y="510" width="120" height="60" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="29" value="<div style="background-color: rgb(245 , 245 , 245) ; line-height: 18px"><div style="line-height: 18px"><font color="#7a3e9d" face="menlo, monaco, courier new, monospace"><b>Avoid</b></font><br></div></div>" style="rounded=1;whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
||||
<mxGeometry x="740" y="270" width="120" height="60" as="geometry"/>
|
||||
<mxGeometry x="750" y="310" width="120" height="60" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="38" style="edgeStyle=none;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" parent="1" source="37" target="42" edge="1">
|
||||
<mxGeometry relative="1" as="geometry">
|
||||
@ -102,7 +102,7 @@
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="48" value="<div style="color: rgb(51 , 51 , 51) ; background-color: rgb(245 , 245 , 245) ; font-family: &#34;menlo&#34; , &#34;monaco&#34; , &#34;courier new&#34; , monospace ; line-height: 18px"><span style="color: #7a3e9d ; font-weight: bold">SelectorNode</span></div>" style="rounded=1;whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
||||
<mxGeometry x="530" y="90" width="120" height="60" as="geometry"/>
|
||||
<mxGeometry x="630" y="90" width="120" height="60" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="56" style="edgeStyle=none;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" parent="1" source="51" target="27" edge="1">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
@ -114,7 +114,7 @@
|
||||
<mxGeometry x="310" y="410" width="120" height="60" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="53" value="<font color="#7a3e9d" face="menlo, monaco, courier new, monospace"><b>InAttacking</b></font>" style="rounded=1;whiteSpace=wrap;html=1;" parent="1" vertex="1">
|
||||
<mxGeometry x="310" y="650" width="120" height="60" as="geometry"/>
|
||||
<mxGeometry x="310" y="680" width="120" height="60" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="60" style="edgeStyle=none;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" edge="1" parent="1" source="57" target="59">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
@ -123,19 +123,19 @@
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="57" value="<div style="background-color: rgb(245 , 245 , 245) ; line-height: 18px"><div style="line-height: 18px"><font color="#7a3e9d" face="menlo, monaco, courier new, monospace"><b>LockedSequenceNode</b></font><br></div></div>" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="810" y="180" width="120" height="60" as="geometry"/>
|
||||
<mxGeometry x="820" y="180" width="120" height="60" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="59" value="<div style="background-color: rgb(245 , 245 , 245) ; line-height: 18px"><div style="line-height: 18px"><font color="#7a3e9d" face="menlo, monaco, courier new, monospace"><b>Wait</b></font><br></div></div>" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="880" y="270" width="120" height="60" as="geometry"/>
|
||||
<mxGeometry x="930" y="310" width="120" height="60" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="64" style="edgeStyle=none;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" edge="1" parent="1" source="62" target="53">
|
||||
<mxGeometry relative="1" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="62" value="<div style="color: rgb(51 , 51 , 51) ; background-color: rgb(245 , 245 , 245) ; font-family: &#34;menlo&#34; , &#34;monaco&#34; , &#34;courier new&#34; , monospace ; line-height: 18px"><div style="font-family: &#34;menlo&#34; , &#34;monaco&#34; , &#34;courier new&#34; , monospace ; line-height: 18px"><span style="color: #7a3e9d ; font-weight: bold">InverterNode</span></div></div>" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="310" y="560" width="120" height="60" as="geometry"/>
|
||||
<mxGeometry x="310" y="583" width="120" height="60" as="geometry"/>
|
||||
</mxCell>
|
||||
<mxCell id="65" value="<div style="background-color: rgb(245 , 245 , 245) ; font-family: &#34;menlo&#34; , &#34;monaco&#34; , &#34;courier new&#34; , monospace ; line-height: 18px"><div style="font-family: &#34;menlo&#34; , &#34;monaco&#34; , &#34;courier new&#34; , monospace ; line-height: 18px"><div style="font-family: &#34;menlo&#34; , &#34;monaco&#34; , &#34;courier new&#34; , monospace ; line-height: 18px"><font color="#7a3e9d"><b>WaitNode</b></font></div></div></div>" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
|
||||
<mxGeometry x="950" y="600" width="120" height="60" as="geometry"/>
|
||||
<mxGeometry x="950" y="583" width="120" height="60" as="geometry"/>
|
||||
</mxCell>
|
||||
</root>
|
||||
</mxGraphModel>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user