jianghe2nd/mota-js
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

faceIds

Browse Source
This commit is contained in:
ckcz123 2018-11-27 16:57:19 +08:00
parent 9bc3adf80b
commit d0a8855650
8 changed files with 105 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
_server/comment.js
View File

@ -1,4 +1,4 @@
comment_c456ea59_6018_45ef_8bcc_211a24c627dc =
var comment_c456ea59_6018_45ef_8bcc_211a24c627dc =
{
"_leaf": false,
"_type": "object",
@ -256,6 +256,15 @@ comment_c456ea59_6018_45ef_8bcc_211a24c627dc =
"_type": "textarea",
"_range": "thiseval==null||(thiseval instanceof Array)",
"_data": "该图块的不可入方向\n可以在这里定义不能从哪个方向访问该图块，可以达到悬崖之类的效果\n例如 [\"down\", \"right\"] 代表不能从下或右访问此图块\n此值对背景层、事件层、前景层上的图块均有效"
},
"faceIds": {
"_leaf": true,
"_type": "textarea",
"_data":
"行走图朝向，仅对NPC有效。可以在这里定义同一个NPC的多个朝向行走图。\n" +
"比如 {\"up\":\"N333\",\"down\":\"N334\",\"left\":\"N335\",\"right\":\"N336\"} " +
"就将该素材的上下左右朝向分别绑定到N333,N334,N335和N336四个图块。\n" +
"在勇士撞上NPC时，或NPC在移动时，会自动选择最合适的朝向图块（如果存在定义）来进行绘制。"
}
}
},

2
_server/data.comment.js
View File

@ -1,4 +1,4 @@
data_comment_c456ea59_6018_45ef_8bcc_211a24c627dc =
var data_comment_c456ea59_6018_45ef_8bcc_211a24c627dc =
{
"_leaf": false,
"_type": "object",

2
_server/functions.comment.js
View File

@ -1,4 +1,4 @@
functions_comment_c456ea59_6018_45ef_8bcc_211a24c627dc =
var functions_comment_c456ea59_6018_45ef_8bcc_211a24c627dc =
{
"_leaf": false,
"_type": "object",

2
_server/maps.comment.js
View File

@ -1,4 +1,4 @@
maps_comment_90f36752_8815_4be8_b32b_d7fad1d0542e =
var maps_comment_90f36752_8815_4be8_b32b_d7fad1d0542e =
{
////////////////////////// 地形部分 //////////////////////////

4
docs/api.md
View File

@ -439,6 +439,10 @@ loader.js将主要用来进行资源的加载，比如加载音乐、图片、
maps.js主要用来进行地图相关的的操作。包括绘制地图，获取地图上的点等等。
core.maps.getNumberById(id)
根据ID来获得对应的数字。如果该ID不存在对应的数字则返回0。
core.maps.canMoveHero(x,y,direction,floorId)
判断能否前往某个方向。x,y为坐标，可忽略为当前点；direction为方向，可忽略为当前方向。
floorId为楼层ID，可忽略为当前楼层。

43
docs/element.md
View File

@ -236,6 +236,49 @@ N连击怪物的special是6，且我们可以为它定义n代表实际连击数
如有额外需求，可参见[自定义怪物属性](personalization#自定义自定义怪物属性)，里面讲了如何设置一个新的怪物属性。
## 怪物和NPC的朝向问题
从V2.5.2开始，对于人形怪物和NPC的朝向问题已经有着比较好的解决方式。
首先明确一点的是，和RM不同，H5中即使是对同一个怪物/NPC的不同朝向，也需要分别将其各个朝向素材追加对应的图片上，并进行注册。
### 怪物的朝向问题
对于同一个怪物的不同朝向，需要对每个朝向创建一个怪物（属性完全相同），这样就可以在地图上绘制不同朝向的怪物。
但是这样会存在一个问题，就是怪物手册中怪物的每个朝向都会显示成一个单独的怪物。
为了避免这种情况的发生，在怪物的属性中存在一个`displayIdInBook`项，**我们可以指定该项来控制每个怪物在怪物手册中中显示成的怪物。**
举个例子，假设我现在有个怪物，其向下的行走图ID是`E300`，其向左的行走图ID是`E301`，向右的行走图ID是`E302`。分别对这几个怪物填写完全相同的怪物属性。
如果我在地图上同时绘制向下、向左和向右的该怪物，则确实能在地图上显示出来不同的朝向，但是在怪物手册中会同时显示这三种类型的怪物，观感较差。
我们可以给`E301`和`E302`怪物属性中的`displayIdInBook`项填写为`"E300"`。
这样的话，在怪物手册中，所有的E301和E302均会被视为E300并进行合并。即使只有一只朝向左的怪物（E301），怪物手册仍然会按E300进行显示。
从而完美解决了同种怪物不同朝向在怪物手册的显示问题。
### NPC的朝向问题
和怪物不同的是，NPC朝向问题更复杂一点。
在NPC的图块属性中，存在一个`faceIds`的项目，可以用其来绑定一个图块所对应的其他朝向的图块ID。
举个例子，假设我存在一个NPC，其向上的图块ID是N333，向下的图块ID是N334，向左的图块ID是N335，不存在向右的图块ID。
则可以在这几个图块属性中的`faceIds`中写：`{"up": "N333", "down": "N334", "left": "N335"}`。
当勇士从左边撞上此怪物后，将从该图块的图块属性中的faceIds中寻求`left`所对应的ID。
如果存在定义（如N335），则会在触发对话事件前改变当前图块为N335，看起来就是在对话前进行了转向，面向勇士。
!> 请注意，在对话结束后朝向不会切换回来，因此如果有必要切换朝向请在事件结束前调用转变图块事件。
同理，使用移动事件让NPC在行走时，不同朝向的行走会自动调用`faceIds`中不同朝向的ID所对应的行走图，看起来就是在行走时也可以不断转向了。
从而，完美解决了NPC的朝向问题（碰触时面向勇士、行走时改变朝向）。
## 路障，楼梯，传送门
血网的伤害数值、中毒后每步伤害数值、衰弱时暂时攻防下降的数值，都在 `data.js` 的values内定义。

13
libs/events.js
View File

@ -60,7 +60,18 @@ events.prototype.init = function () {
callback();
},
'action': function (data, core, callback) {
core.events.insertAction(data.event.data, data.x, data.y, callback);
var ev = core.clone(data.event.data), ex = data.x, ey = data.y;
// 检查是否需要改变朝向
if (ex == core.nextX() && ey == core.nextY()) {
var dir = {"up":"down","down":"up","left":"right","right":"left"}[core.getHeroLoc('direction')];
var id = data.event.id, toId = (data.event.faceIds||{})[dir];
if (core.isset(toId) && id!=toId) {
var number = core.maps.getNumberById(toId);
if (number>0)
core.setBlock(number, ex, ey);
}
}
core.events.insertAction(ev, ex, ey, callback);
}
}
}

35
libs/maps.js
View File

@ -49,6 +49,24 @@ maps.prototype.loadFloor = function (floorId, map) {
return content;
}
////// 从ID获得数字 //////
maps.prototype.getNumberById = function (id) {
for (var number in this.blocksInfo) {
if ((this.blocksInfo[number]||{}).id == id)
return parseInt(number)||0;
}
// tilesets
if (/^X\d+$/.test(id)) {
var info = core.icons.getTilesetOffset(id);
if (info!=null) return parseInt(id.substring(1));
}
return parseInt(id.substring(1));
// 特殊ID
if (id == 'none') return 0;
if (id == 'airwall') return 17;
return 0;
}
////// 数字和ID的对应关系 //////
maps.prototype.initBlock = function (x, y, id) {
var disable=null;
@ -741,6 +759,7 @@ maps.prototype.moveBlock = function(x,y,steps,time,keep,callback) {
block=block.block;
var image, bx, by, height = block.event.height || 32;
var faceIds = {};
if (block.event.cls == 'tileset') {
var offset = core.icons.getTilesetOffset(block.event.id);
if (offset==null) {
@ -765,6 +784,7 @@ maps.prototype.moveBlock = function(x,y,steps,time,keep,callback) {
image = core.material.images[block.event.cls];
bx = 0;
by = core.material.icons[block.event.cls][block.event.id];
faceIds = block.event.faceIds||{};
}
var opacityVal = 1;
@ -835,9 +855,20 @@ maps.prototype.moveBlock = function(x,y,steps,time,keep,callback) {
}
else {
// 移动中
var direction = moveSteps[0];
if (step == 0) {
// 根据faceIds修改朝向
var currid = faceIds[direction];
if (core.isset(currid)) {
var tby = core.material.icons[block.event.cls][currid];
if (core.isset(tby))
by = tby;
}
}
step++;
nowX+=scan[moveSteps[0]].x*2;
nowY+=scan[moveSteps[0]].y*2;
nowX+=scan[direction].x*2;
nowY+=scan[direction].y*2;
core.clearMap('route', nowX-32, nowY-32, 96, 96);
// 绘制
core.canvas.route.drawImage(image, animateCurrent * 32, by * height, 32, height, nowX, nowY-height+32, 32, height);