一粒像素的力量！对《像素移动》的思考与实践。

Im剑侠客

题记：欲栽大木拄长天。

# 这是我的一期学习笔记：像素移动（基础篇）·[精度为1x1]。

# 精度为1的像素是什么？
  ta，是一个1x1的正方图形；
  ta，是画笔下的一点颜色；
  ta，是屏幕分辨率中最小的一颗亮点；
  ta，也是游戏内作为通行判定的最小单位。

  对的，最小的单位，这是今天要说的——像素的核心要素。



# 幸运的2022年，寒暑易节秋霜尽染，偶得《像素移动》秘籍一本。
下面将以直观的核心功能文字+配图，简洁地作介绍。请往下看。

# 像素移动的基础部分

1.像素化的地图通行（完全自定义）




2.像素级的事件通行（矩形），也可以称为：人物、事件自定义体积。



# 像素移动的延展部分

3.适配像素移动的配合型地图遮挡。




# 这里有两点突破
其一，对比双远景的遮挡，全部遮挡物仅有一个z值。这里，每一个遮挡物都拥有一个独立的z值。
其二，对比默认的tilemap，一是不需要再特意做成256宽的规格，二是高度160（32x5）的限制也不再受限。


4.配合像素通行的边缘移动（智能预先检测）

△地图通行层面的边缘移动。



△事件通行层面的边缘移动。



5.配合像素通行而配备的像素级地形信息。




# 队友部分

6.队友像素移动部分，基于八方向Astar的寻路pro（360°、直线判定）。





# 视频演示请移步bilibil观看：
网址为：https://www.bilibili.com/video/BV1KG411u7Y8/


#-----------------------分割线-----------------------

# 然后，回顾一下RM的行走移动的蹩脚历史。

  最早听到关于走格子的吐槽的，对于楼主而言，是在观看柳柳的rmxp视频教程。
当时并没有特意截取66的原声片段，只是后来当我自己也遇到相同的问题的时候，回想起柳柳曾经轻描淡写的一句，于是便一直烙印下来。

  记得两年前，20年年末的时候，我看到论坛好友火锅兄的一个地图帖子，也发现其对狭窄区域的地图行走移动，流露过相同的情感。

  可见，这感觉还是近在咫尺，耳目犹新。

  对我自己来说，我很早就尝试了坛内的像素移动了。可是，那效果还是过于粗糙了。
没有经过像素舒适性延展的像素移动，只会比普通的走格子还要蹩脚，比如：空气墙性质的非可视体积、看着可以走实际却不能走的等等。

  若坛友们有过相同尝试经历的，那感觉自然不言而喻。
  
  今天，楼主就此掷下豪言：在可预见的将来，rm这一走格子的蹩脚历史，将会完全改变。


#-----------------------分割线-----------------------

  # 再然后，说说指导思想。
  
  是什么在驱动着改变呢？是不愿妥协！

  如果在技术上无能为力，哪怕是走格子，也是不得不接受的。
但是，在勉为其难而使用的时候，好的行走体验，始终不能忘记。

  不满意的东西，那么，就要去改变它！
  从表面改变，往局部改变，最后，规则也要改变它。
  干它（音译：轴Kay）！
  对美好事物的向往，本身便给予人无限的力量。


#-----------------------分割线-----------------------

  一粒像素到底能蕴藏多少力量呢？
  就像茁壮成长的树苗儿，以微弱的力量，将来是要一点一点地拄起长天的。
  
  今日的仅为初阶基础版本，还有许多需要完善的地方。
  有机会后面仍需待续。
  好的，就说这么多了。谢谢大家。

  最后，本文致予那些正在追求着、制作着、且不愿妥协的、梦想中的游戏的普通的制作者们，
我也一样，我们同为普普通通的制作者，踏踏实实地、共勉。

   

89444640

RM走格子和四方判定都是处理效率问题和操作简便程度上的妥协，不得已。
好的效果还需要有简便的设置方式。
现在设置通行范围，用鼠标直接拉吗?
移动效果和遮挡效果看着很自然了，然后就是设置，越方便越好
每个图块单独设定宽度挺好，因为XP的编辑器不能随便摆放，造成如果是仅仅比32多那么一点点的原件，就会出现有很大一块过不去的情况，或者，能过去出现遮挡异常显得很假，
最常见的情况就是XP用MV48*96的柜子，没修改情况下，想居中，左右各有一块很大空白的过不去，只能画图时候放点植物啦台灯啦之类的挡一下对地图绘制造成了很大限制。
狭窄地形虽然XP可以进行复杂操作的，比如用偏移+move.to什么的+更换行走图朝向去模拟慢慢的移动上去的效果，但是不能自己手动操作，上楼梯过程完全是自动的，而且由于没补过程，如果移动幅度稍微大一点就会显得像瞬移，完全不丝滑
或者楼梯只能45度，为了脚底不悬空画地图时候非常麻烦，甚至不得已只能前方加遮挡物，而且没法在横版地图汇总移动的时候做出15 22.5 度的小缓坡。
造成横版地图只能不是跳过去的断崖就是梯子


下一步是不是就要解决XP这种移动图像坐标进行判定和处理，后移动图像的问题了吧？
这种方式完全无法做任何动作相关需要实时判定的游戏，哪怕rpg的简单躲避机关，也不靠谱。

业余白蜡

加油！一起共勉！

Im剑侠客

新一期笔记：相对运动。

主题词：坐地日行八万里，巡天遥看一千河。



*对于运动的相对性，物理课上有经典的阐述：

运动对象：大地、列车、人。

a.行驶的列车，对于大地是相对运动的状态。

b.列车室静坐的人，对于列车是相对静止的状态。

c.列车行驶时，人在列车室内移动。
当人的移动速度处于特定的条件时，可与大地保持相对静止的状态。



*本期内容主要有以下几个特点：

1.角色在相对运动的过程中，仍可以自由行动；

2.地图信息的相对性，包含通行信息的相对性、坐标的相对性等；

3.地图信息与个体的关系将支持多样化，个体以标志独立区分。

# 视频演示：请移步bilibili，搜索用户“白竹笋”，最近的一期就是。

Im剑侠客

又一期笔记：上升视野。

主题词：欲穷千里目，更上一层楼。



*本期内容主要有以下几个特点：

1.相对运动二期，非垂直方向的相对运动，一三象限；

2.地图视野缩放，完整视野变化的过程，一镜到底；

3.地图中有地图，地图层的应用将延展，层地图信息独立且支持即时切换；

4.地图边界支持像素化；地图尺寸可不受（32整数倍）规格限制。



#-----------------------分割线-----------------------

*另外！一些额外的发现：

a.RM存在角色与事件的视觉误差至少1像素，在同时刷新的情况下。
二者坐标无差异，但事件比主角有1帧的延迟。
后续有时间再另外发帖详细说说这个系统bug。

b.图中图的应用，或许可以用来解决地图ID不足的问题。
不过，当尝试破限地图ID限制时，发现了另外的更简便的方法。
若有同学对此需求的话，可先在此楼回复。后面有时间再开搞。



视频演示地址：见前面楼层已发布过的视频频道，最近的一期就是。

Im剑侠客

实践笔记第5期：并驾齐驱。

主题词：一夫当关，万夫莫开。

*本期内容主要有以下几个特点：

1.相对运动三期，相对运动的触发可以即时地“上车与下车”。
  在运动着的巨偃脊背，踩上去就可以享受相对运动加成；
  而走出巨偃脊背区域，则不享受相对运动加成。

2.像素级的事件通行，可以支持完全自定义。
  首当其冲地应用于超大体积事件：巨偃和它的脊背。

3.独立遮挡物的坐标关联。可以多个遮挡物，关联到一个事件身上。

4.像素级的轨道自定义。可以走出一条舒服畅快的移动轨迹。

5.回合制携带版（hhz_portable）。
  a.战斗的发生，可以在任意地方，走到哪里哪里就是战斗的舞台。
  b.即时AI出招，角色可以按照当前的战斗形势判断使用什么招式。
  c.地形的特色，在战斗中，“一夫当关”以伤害倍率等作出具体表达。
  d.壁上的观战，回合战斗发生时，主角仍可以自由行动，实地观战。

6.战斗指挥。
  a.玩家可以指挥角色的出招，在关键时刻挽救胜利。
    但角色最终的出招决定，仍以当前的战斗形势作为判断基础。
  b.指挥预测。可以预测当前指挥的招式：可以使用/不会使用。
    举个例子：
    技能：横扫千军。
    技能描述：连续攻击对方多次，休息1回合。气血需要大于50%。
    在出招前，指挥招式横扫千军，当前预测可以使用。
    在出招时，如果使用条件仍然符合，则正常出招。
    若出招时，血量已不足50%则指挥无效，而自行使用其他有效招式。

7.视频CG的播放。可以自然地衔接：视频播放与返回游戏。


#本期最后，祝：拥有童心的大朋友、小朋友们，六一儿童节快乐！


#-----------------------分割线-----------------------

*另外！书接上回：

a.RM的系统bug视觉误差（事件比主角）延后1帧，已找到它的发生地点。
  额外地，“祸兮福之所倚，福兮祸之所伏。”，
  因祸得福地，在巨偃斜向移动中让主角产生了一种“颠簸”的效果。
  相关bug后面想办法修订它。

b.破限地图ID限制，已经通过测试。后面有时间把相关范例整出来。
  

Im剑侠客

#帖子重复了。（本楼先注释掉）
  

Im剑侠客

实践笔记第6期：对比填涂。

主题词：敦兮其若朴，旷兮其若谷。

*本期内容主要有以下几个特点：

1.对比图案，填涂描绘的小玩法。
  玩法虽小，但其中蕴含的知识点却很有作用。

2.像素的应用，可以作用于UI界面了。
  简化判定，将来制作UI界面相关的东西可以更方便了。

3.像素精度的掌握继续前进。
  现在，不规则图形的有效范围，可以比较好地取得了。

4.有效填涂的百分比，出界的百分比，可以清晰知道描绘完成情况。

5.画笔粗细。填涂描绘时，可以选择合适的笔芯尺寸。

6.剩余笔画。没有次数限制。

Im剑侠客

实践笔记第7期：城楼登临。

主题词：雄心志四海，万里犹比邻。

*本期内容主要有以下几个特点：

1.图中图应用继续。
  四方城地图一二楼都集中在一张地图，并行两份地图信息。
  
2.地图信息的过渡，即时发生，悄无声息。

3.遮挡物分层。
  一楼的遮挡物，二楼的遮挡物，二者同时存在。
  当角色在一楼时，享受一楼遮挡物的遮挡；
  当角色在二楼时，享受二楼遮挡物的遮挡；
  当二楼属性开启时，且角色在一楼，则额外享受二楼遮挡物的遮挡。

4.四方城世界地图规划。
  将来可成为继长安、傲来、长寿等，西域新兴的通达的通衢地方。

Im剑侠客

实践笔记第8期：斜坐标系。

主题词：野火烧不尽，春风吹又生。

*本期内容主要有以下几个特点：

1.新增一个斜方向的坐标系。区分已有的正坐标系。
  主要用来完成正确处理：地图中各物件的位置关系。
  让坐标系与地图建筑物的走势建立吻合关系。

2.两个坐标系的区别。
  a.在正坐标系中，
    x轴与屏幕竖线夹角为90°，与屏幕横线平行。
    y轴与屏幕横线夹角为90°，与屏幕竖线平行。
    x轴与y轴夹角成直角。
  b.在斜坐标系中，
    x轴与屏幕竖线夹角不为90°，与屏幕横线不平行。
    y轴与屏幕横线夹角不为90°，与屏幕竖线不平行。
    x轴与y轴夹角可以不是直角。

3.鲜明位置关系。
  在正坐标系中，正方向的上下左右关系，视觉与坐标关系一目了然。
  在斜坐标系中，斜方向的上下左右关系，视觉与坐标关系也明了了。
  
  过去，斜方向的物件（如：栏杆、墙壁等），往往得不到正确的遮挡。
  现在，相对于矩形地图，斜方向走势的遮挡物，可以得到正确遮挡了。

4.角色代入感平稳度增强。
  在游戏世界中，本理所应当的好的地图遮挡可以避免产生一种脱戏感。

5.回看历史，展望未来。对遮挡关系的几个阶段的概述：
  其中，核心要素为：遮挡物的尺寸和z值（高度）。

  a.双远景阶段。
    所有遮挡物集中于一体。这一整体仅使用一个z值：如固定值3000。
    在位置关系中，所有的地图物件都居于其下。

  b.分图块阶段。
    b1.遮挡物划分为图块，每个图块尺寸为32x32。（默认Tilemap）
    b2.遮挡物划分为图块，每个图块尺寸可以为任意值。
    图块的z值独立，实际上这个z值就是正坐标系下的y值的一次函数。
    （其中b1阶段限高160 = 32*5。）

  c.像素阶段。
    每个遮挡物尺寸，可以是这一个遮挡物完整的独立整体。
    z值独立，沿用正坐标系的位置关系，新增了像素坐标。

  d.斜坐标系阶段。（当前）
    遮挡物尺寸，沿用独立整体关系。
    z值独立，取值按实际情况，既使用正系坐标，也使用斜系坐标。
    能够基本满足位置关系的正确处理，即：视觉与坐标关系一目了然。

  e.将来待续。。。

#本期最后，耳边响起了peng老总的声音：先例既开，来日方长。
   
  自接触同人游戏的这么些年以来，
  很多时候，
  只要,
  角色走到斜栏下，人嵌入栏杆，“雕栏玉砌”加身；
  角色走到石桥下，人嵌入桥墩，还挺“厚实”的嘛；
  角色走到墙壁下，人嵌入墙根，很有泥土“气息”；
  角色走到树木下，人嵌入树根，徒增“胡须”几根；
  ......
  在遮挡问题中，
  如此种种令人“灰头土脸”的时代，是要彻底的一去不复返了。