光环和指示器的新设计:单位、首领、小队、团队框体
v8(卡 #1449 返工,第二页的团队格子重新设计,按你 [521][523][524][525] 的意见):(1)格子里从上到下:上排居中 = 首领减益(往两边长),下排左边 = 只有我放的持续治疗和护盾,下排右边 = 减伤,图标大小和计时数字大小都能调;(2)首领减益按类别给整个格子盖蒙版,驱散 = 整个格子盖一层会呼吸的类型色蒙版(没有内边了);(3)我放的持续治疗在他身上 = 外框变绿,仇恨 = 外框变红(不再是按钮),当前目标白圈还在(和红框一起时缩窄放里面,也可以隐藏);这四个重点提示默认全开;(4)血条和能量条(你说的资源条)8 : 2;(5)职责和队长竖着排在左边;不显示等级,名字放不下就截断加省略号。第一页和首领框体没动。格子的分区图、尺寸表、改了什么、请你定、没法确定的地方在第二页的「团队 1–5」,页头开关里第二页专用的在「新设计的选项(团队)」。v7 的内容(其中团队格子的部分已被 v8 取代):
v7(卡 #1449):(1)第二页的团队格子改成新设计(v8 重做了);(2)光环倒计时数字的字号可调(页头开关:自动 / 10 / 12 / 14 / 16,管第一页和首领框体;团队格子 v8 起改成占图标的百分比);(3)斜板不做了(老板:「不做斜板了 全部正方形」):红 / 黄外观里所有框体回到游戏里现在的方形,页面上不再画斜板(v3–v6 的斜板和 1f 的讲解去掉了)。首领框体这一轮没动。v6 的内容不变:
v6:(1)小队横排时,所有队员排在左边,所有宠物排在右边(竖排:上面所有队员,下面所有宠物);(2)仇恨按钮只放在小队成员的框体上,小队目标(队友的目标)上不再画——它说的是队员有没有拿到仇恨,不是他的目标;(3)仇恨按钮放到自己头像的右上角里面、做大(头像边长的 70%:小队 28,v5 是外面的 22;目标框体的头像在右边,39)。页头新加了「仇恨按钮 位置 / 大小」开关:小(约头像面积的 1/4)/ 中(默认)/ 大,或者切回 v5 的框体右上角外面。「现在」那一半还是照现在的代码排(横排时宠物在各自主人右边)。v5 的内容不变:
v5:(1)仇恨标志改成框体右上角外面的圆形按钮,会闪(黄:获得仇恨,慢闪;红:仇恨很高,快闪),鼠标指上去显示仇恨提示;(2)光环行 2 的位置固定,行 1 空了行 2 也不往上挪。v4 的内容不变:
v4(斜板的部分在 v7 作废):(1)红 / 黄两套外观里,页面上所有框体都是斜板(照昨天的整体设计稿):单位、小队、小队目标、状态台,「现在」那一半,第二页的团队格子和首领框体也是;(2)页面每次打开都是「新设计」(页头的「设计」开关不再被浏览器记住,之前停在「现在」的话会一直看到旧的画法)。v3 的内容不变:行 1 的图标一样大(26)。不动游戏代码;看了提意见我改。
最上面的「设计」开关:现在(1.14.0 的样子,只用来对照;每次打开页面默认是「新设计」。原版外观里和上一页一模一样,红 / 黄外观里是游戏里现在的直角方框)、新设计、上下对照(每个场景画两遍,同一个状态、同一个放大倍数)。样式开关管三套外观:原版、Persona 5 红、坂本龙司 黄,新设计每一套都有。数值仍用插件自带的默认配置档,尺寸是游戏界面单位 1:1(你 3440×1440 的屏幕上 1 单位约 1.2 像素,可以切「放大」)。图标是占位色块(拿不到游戏图标)。
鼠标停在(手机上点)任何一个小东西上,会告诉你它叫什么、在设置里叫什么(新名字中英文)、大小、默认值和哪个文件会改。示例数据(谁是我放的、谁能偷取、敌人身上的持续伤害……)是我编的,悬停说明里会写。
1 设计规则(v3) 光环图标和角标、状态、分区、尺寸
v2 只管小队框体和单位框体(玩家、目标、目标的目标、焦点、宠物)。框体里面不再有色块,格子上也不再有白色小三角:所有光环(减益、我放的持续治疗和护盾、别人放的、团队增益)都是外面一行 A 里同一种图标,用图标里的角标分清——◤ 我放的、◣ 别人放的、◥ 我能驱散的;一行里不同种类之间隔 8 px、中间一条细线。仇恨不再是框体外圈的光,改成框体右上角外面的一个圆形按钮(会闪,鼠标指上去显示仇恨提示)。光环行的位置是固定的:行 1 的 26 px 一直留着,行 1 空了行 2 也不往上挪。下面的讲解图和后面的场景用的是同一批画法函数,所以一模一样;游戏里画不出来的东西我没画(只有矩形、WHITE8x8、直角三角贴图、图标、冷却转圈、字体、描边;没有渐变(血条填充除外)、没有模糊)。
1a 光环图标解剖和三种角标(3 倍)
增益、五种类型的减益、我放的 ◤、别人放的 ◣、我能驱散的 ◥、可偷取的、快结束的、有层数的、有时间的、小图标;再下面是一行真正的光环行 A(小队框体左边那两行)的样子,组和组之间隔 8 px、一条线。三套外观的区别只有:增益 1 px 边(原版黑 / 红黄白)、◤ 角标和快结束的颜色(样式色)。
光环行 A 本身(小队框体左边,竖排;靠框体的一端在右边):
1c 状态一览:同一个状态,所有框体同一个画法(左:现在 右:新设计)
一个状态一格,左边是现在,右边是新设计。核心不变:一个状态一个形状,形状之间不抢像素——目标是整圈、驱散是里面的内边、持续治疗是底边的线、焦点是四个角、鼠标是白罩没有边。v2 的变化:四种可驱散的内边 0.45 秒一呼吸(现在是 0.8 秒,快一倍);格子上没有白角标了,靠内边的颜色和外面光环上的 ◥;仇恨不再是外圈的光,是右上角外面的圆形按钮(会闪,鼠标指上去显示提示),最下面放大 4 倍给你看。「现在」那一列用上面「现在」的开关,「新设计」那一列用「新设计的选项」。
1d 框体分区图:一个小队格子和一个目标框体
比 v1 简单得多:只剩八个区域(A1 A2 B E F G H T),每个一句话。右边(窄屏在下面)是「v1 的字母 → 现在」对照。
每个地方放什么
v1 的字母 → 现在
1e 尺寸表:现在的像素 → 新的档
v3:行 1(靠框体那一行)里所有图标一样大——减益、我的持续治疗、我的护盾、禁止再放的减益(虚弱灵魂、自律)都是 L 26;小框体(目标的目标、焦点、宠物)行 1 里它们和这个框体的减益一样大(M 20)。档:L 26(行 1)、M 20(玩家 / 目标行 2 的增益;小框体的行 1)、S 14(行 2:别人放的、团队增益;减伤;小框体的增益)、XS 11(团队的减伤,在第二页)。行 1 的图标都在 18 px 以上,所以都有倒计时数字;18 px 以下的图标(S 14)不写数字,只有转圈。行 1 满的时候(4 个减益 + 3 个持续治疗 + 1 个护盾)是 110 + 8 + 82 + 8 + 26 = 234 px 宽(v2 是 213)。
1f 红 / 黄外观:斜板不做了
v3–v6 把红 / 黄外观里的框体画成斜板(照 frames-comp.html、party-frames-comp.html)。老板后来说:「不做斜板了 全部正方形」(#1435 [417],#1449 [421]「不需要斜着的头像了」)。所以这一页上所有框体都是方的:红 / 黄外观和现在游戏里一样——2 px 白边,独立框体右下 3 px 硬阴影(样式色),头像、名字、数字都是直角;原版外观不变。团队格子、首领框体、聚焦框、坦克目标也一样。斜板的画法代码留在页面里没有删,只是不再画;斜板的研究和贴图原型在分支 cloud/1435-plates,不合并。
2 三个场景 用上面的开关选「现在 / 新设计 / 上下对照」
单位框体、小队框体、状态台:同样的测试数据、同样的状态开关。新设计的画法按第 1 节;每个场景下面写了这一版和现在的差别。团队和首领在「团队和首领」那一页:团队格子重新设计过(v8),首领框体这一轮没改。
2.1 单位框体 玩家、目标、目标的目标、焦点、焦点的目标、宠物
2.2 小队框体 点「测试小队」或 /p5ui test
2.3 状态台 一个队友,在小队框体和目标框体上同时看
游戏里每种状态只在某一个测试队员身上出现,而且会轮换。这里把它们拆开:选一个状态,两种框体一起变(团队格子在「团队和首领」那一页的状态台里)。默认是一个法力值正常、满血的治疗(圣骑士)。
3 改了什么(设置和代码) 每一个新增、删除、改名、改默认的设置,一行一个,后面是会改的文件
这一节是给将来动手的人看的:设置的名字用游戏里的中文和英文客户端的写法;「现在 → 新设计」写的是值怎么变。游戏代码这一版一行没动。
不动的东西
4 请你定 每一条有我的建议;你说不的话要改什么也写了
5 没法确定的地方 哪些是我猜的:秘密值的限制、游戏 API 能不能画
这一版我没有对照游戏客户端的 API 转储,只用了插件代码里已经在用、在游戏里验证过的 API 当依据;下面每条都写了是猜的还是已经知道的。
附 A 现在的设计:什么在哪 每种框体的每个元素:位置、大小、设置(中文 / 英文)、默认值、代码位置
表里的「默认」是新装插件时的值(默认配置档;括号里是代码默认值,两者不一样时才写)。代码位置是 P5UI/文件:行,研究笔记 docs/design/auras-inventory.md 里有更多。
附 B 现在这一版没法完全还原、或者是我推出来的
团队 1 设计规则 团队格子里放什么、放哪、多大;状态
团队格子和小队框体不一样:格子很小(21–40 人 70×40,11–20 人 85×44,1–10 人 93×49),格子和格子之间没有缝,40 人时一排八个格子贴在一起,所以光环和状态都要画在格子里面,没有「外面一行」。你说团队框里要盯的就是首领的减益和我给队友放的增益,放得太多太挤:这一版(v8)只让这两样在格子里占位置,其他提示都做成整个格子的蒙版或外框,一眼能看出来。下面是这一版的规则;后面的图和场景用的是同一批画法函数,所以一模一样。
格子里放什么(从上到下)
- 上排,居中:首领减益,往两边长,最多 3 个。图标大小和计时数字大小都能调(数字占图标的 50%–100%,画在图标里面);默认图标 12 px(1–10 人 14 px),数字 75%。
- 下排左边:只显示我放的持续治疗和护盾(持续治疗在前),最多 2 个(21–40 人)或 3 个;可以自定义显示哪些法术,也可以画成 8 px 的小色块(选项)。
- 下排右边:减伤图标,最多 2 个,从右往左长;可以自定义哪些技能算减伤。
- 中间:名字,放不下就截断加省略号,不显示等级;盖在图标上面。
- 左边竖着两个小图标:职责(上)、队长(下),各 10 px;以前并排,占地方。团队标记挪到右上角。
- 血条和能量条 8 : 2(你说的资源条):能量条占血条区高度的 20%(70×40 是 7 px,以前默认 4 px,太窄);图标只画在血条上,不盖能量条。
- 别人放的光环、团队增益、能驱散的减益图标:格子里不画(驱散靠蒙版;能驱散的减益图标是选项)。
状态(四个重点提示,默认全开)
- 首领减益 → 整个格子盖蒙版,按类别上色(魔法蓝、诅咒紫、疾病棕、毒药绿、流血橙、其他红),不动,方便一眼分辨。
- 驱散 → 整个格子盖蒙版,按驱散类型上色,会呼吸(一个来回 0.45 秒);没有内边、没有白角标了。
- 我的持续治疗在他身上 → 外框变绿(2 px,格子最外面一圈;血条下边的绿线去掉了)。
- 仇恨 → 外框变红(2 px),不再是图标;「快拿到仇恨」默认不画(选项:黄框)。
- 当前目标:白圈还在;和红框一起出现时缩窄成 1 px 放在里面(默认),或者隐藏(选项)。
- 外框一层一层往里排:红 > 绿 > 白,有哪个占哪层(最多 2 + 2 + 1 = 5 px),全在格子里面;焦点的四个 L 形角、鼠标 10% 的白罩在最里面。
- 低血量红层、低法力名字变蓝、距离变暗(整个格子透明度 0.45)、生命状态(死亡、灵魂、离线、复活、召唤……)、就位确认、治疗预估和吸收盾:和现在一样。
团队 1a 色块(pip)解剖(4 倍)
色块用在两个地方:团队格子里「我的持续治疗 / 护盾」的选项画法(默认是图标),和首领血条里我的持续伤害(第二页的首领框体)。色块用「流失」表示剩余时间:亮的从下往上流失,暗的是颜色 × 0.2,最后 3 秒闪白(边变样式色)。第一行是活的,8 秒一轮;后面是我的持续治疗 / 护盾每个职业的法术(选项画法)、我的持续伤害按学派上色。
团队 1b 格子分区图:一个 70×40 的团队格子(放大 2.4 倍)
一个格子里的位置:A 到 J。示例里三层外框(红、绿、白)和首领减益蒙版都亮着。右边(窄屏在下面)每个位置一句话。
每个地方放什么
团队 1c 尺寸表:现在的像素 → 新的设计
团队格子里的图标大小现在是设置(默认 12 / 12 / 14,8–24),不再跟 L 26 / M 20 / S 14 / XS 11 的档走;血条和能量条的比例也在这里。
2.1 团队框体 点「测试团队」或 /p5ui raidtest
整个团队:一个小队一列(5 人),最多 8 列,格子贴在一起;坦克栏在右边(目标在它左边)、宠物栏在下面;治疗栏和聚焦框默认关着,下面可以打开看。
2.2 团队格子状态台 一个队友,几种大小的团队格子一起变
和第一页的状态台是同一组开关(选了一个状态,两页都跟着变),只有「首领减益」在这一页按类别分开单独选(团队格子按类别盖蒙版),「仇恨」的字不一样(团队是红框,不是按钮)。默认是平时的样子;选一个状态,几种大小的格子一起变(新设计:21–40 人、11–20 人、1–10 人,再加一个长名字被截断的;「现在」:21–40 人、1–10 人、显示名字时)。
2.3 首领框体 点「测试首领」或 /p5ui bosstest;这一轮没改,还是 v1
团队 3 改了什么(设置和代码) 团队格子:每一个新增、删除、改名、改默认的设置,一行一个,后面是会改的文件
给将来动手的人看的:设置的名字用游戏里的中文和英文客户端的写法;「现在 → 新设计」写的是值怎么变。游戏代码这一版一行没动。第一页的第 3 节是小队和单位框体的。
不动的东西
团队 4 请你定 每一条有我的建议;你说不的话要改什么也写了
团队 5 没法确定的地方 哪些是我猜的:游戏 API 能不能画、会不会影响点击;这一版没做的东西
这一版我没有对照游戏客户端的 API 转储,只用了插件代码里已经在用、在游戏里验证过的 API 当依据;下面每条都写了是猜的还是已经知道的。