Skip to content
This repository has been archived by the owner on Aug 15, 2023. It is now read-only.

项目素材整理 #883

Closed
BTMuli opened this issue Aug 14, 2022 · 40 comments
Closed

项目素材整理 #883

BTMuli opened this issue Aug 14, 2022 · 40 comments
Assignees
Labels
enhancement New feature or request

Comments

@BTMuli
Copy link
Contributor

BTMuli commented Aug 14, 2022

问题描述

下午在传图的时候,以及之前几次pr的时候就注意到了。

项目的图片素材还是挺乱的,文档 里的一些关于图片分辨率跟大小的说明跟实际项目有所差别。

resource_custom目录下的资源跟resource目录下的资源重叠也造成项目文件冗余,有些弃用的图片资源也堆在那边T_T

就想着能不能整理一下,顺带翻新一下 文档

当前提交

commit 20ce17c3d2cd6fbe74b8937aacaa027e6c0d3758 (HEAD -> dev, origin/dev)
Author: Qin Fandong <[email protected]>
Date:   Sun Aug 14 19:33:42 2022 +0800

    ok
@BTMuli BTMuli added enhancement New feature or request question Further information is requested labels Aug 14, 2022
@Arondight
Copy link
Owner

  1. 重叠的文件无妨因为不会在 git 仓库中额外存储,无论多少个只会有一个 object,不会影响项目体积
  2. 历史文件尽量保留,因为删了 git 仓库体积也不会减小
  3. 分辨率的问题,算是一个历史问题了,我感觉不影响最终使用,应该都还好,毕竟改了 git 体积也会增大

@mark9804 mark9804 self-assigned this Aug 14, 2022
@mark9804
Copy link
Collaborator

mark9804 commented Aug 14, 2022

分辨率的问题我在 去年今日 里面提到过,现在一般不会出问题,该缩放的地方我都有缩放

我大概是在这个 fork 创建之后半年左右才开始干活的,那时候受限于我们几个人的技术水平,整体架构之类的都比较混乱

你会注意到卡池图像全部是 webp 格式的,就是我实在受不了历史屎山之后打算 推翻重来 ,但是新的 png 文件太大才出此下策的

image

目前来说,分辨率不会有太大问题,只要保证长宽比例对就可以了

@mark9804
Copy link
Collaborator

还有如果顺利的话,3.x 版本之前我会把 角色半身照 给废弃掉,之后所有图像的尺寸就都能做到在分辨率上统一了。从此 就可以进入图都直接开箱即用的工业化懒狗模式,顺便让 分辨率问题成为历史

@BTMuli
Copy link
Contributor Author

BTMuli commented Aug 14, 2022

  1. 重叠的文件虽然不会影响项目体积,但是在添加新的资源文件的时候会造成一些疑惑
    例如:关于抽卡的 wish ,resource_custom 下的是只有 webpresource 下的包含了 webppng
    thumb下的文件,有的传到了 resource_customresource ,有的仅存在于 resource
    想分清楚但实际上并不是那么清楚可能会造成相关文件提交的遗漏
  2. 分辨率的问题,个人认为之前的混乱可能是因为图片素材来源多跟处理方式不一致造成的,但是目前的话,ambr.top里面有足够的素材,结合内鬼网的素材,个人认为目前超过90%的图片文件都是可以重新翻新规整化的
  3. 翻新资源文件制作指引也是很有必要的,起码对于个人而言,文档的指导性还可以加强,下午传图我查看是否缺漏并没有看文档,而是通过查询项目中同类型的过往资源来进行比较的出来的
    例如:查看提纳里相关图片资源是否缺漏,我采取的是文件中搜索 10000066甘雨得出的相关文件,对照差异进行检查的,文档里对于分辨率的说明跟目前资源也有差异
    image
    image
    4.这个也就是体力劳动,对于个人而言花个几天时间应该就能解决了

@Arondight
Copy link
Owner

2. 目前超过90%的图片文件都是可以重新翻新规整化的

如果增加的仓库体积太多我感觉接受不了,现在资源目录100m @mark9804 你觉得如果改成 webp ,等到七国开完了仓库体积上会有受益么

@mark9804
Copy link
Collaborator

如果改成 webp ,等到七国开完了仓库体积上会有受益么

webp 按照我个人经验来说保守压缩模式下能减少 50% 左右的整体大小,但是现在正好开到第四个国家,所以就有点微妙……

@Arondight
Copy link
Owner

@BTMuli 其实就我个人而言,我不关心 resource 目录是否混乱,因为按照设想根本不用操作这个目录,操作的都是 resource_custom ,我比较关心在仓库体积上,一个修改是否能在未来产生收益

@BTMuli
Copy link
Contributor Author

BTMuli commented Aug 14, 2022

就体积而言,目前的已经快半个G了,加上npm超过一个G是必然的🤣
image

@mark9804
Copy link
Collaborator

文件中搜索 10000066甘雨得出的相关文件

角色资源不统一的问题确实有影响,#840 ,但是现在这个时间点改的话有点晚了,从我个人角度来说当然希望能够统一成角色 ID 的形式

webp 只有卡池使用的另一个原因是因为需要我们本地转换格式,所以只在收益比较大的卡池图像上面用了

@mark9804
Copy link
Collaborator

git 如果只进行资源移动(不删除)的话对于体积的影响大吗,如果不大的话我觉得可以把现在所有的非 webp 文件全部扔到一个垃圾桶文件夹里面去,用新生成的 webp 替代原来图片的位置

@Arondight
Copy link
Owner

我觉得可以把现在所有的非 webp 文件全部扔到一个垃圾桶文件夹里面去,用新生成的 webp 替代原来图片的位置

如果准备全部转到 webp 那么 png 直接删除,但是我觉得这个需要 https://github.com/Mark9804/adachi-resource-assistant 能够处理所有的 webp 才行

get what from where for every char/weapon

如果有一个列表的话,我愿意更新助手,然后实现所有图片的 webp 化,助手改为单一的、读取描述文件的可执行程序入口

@Arondight
Copy link
Owner

对于下面的信息,我们能做到什么程度的自动化呢,如果程度较高,我愿意全部翻新资源文件,永久性解放以后的版本更新劳动


角色

{
  "access": "祈愿",
  "ascensionMaterials": ["最胜紫晶碎屑", "最胜紫晶断片", "最胜紫晶块", "最胜紫晶", "雷光棱镜"],
  "baseATK": 323,
  "birthday": "11月20日",
  "constellationName": "金紫定垂座",
  "constellations": [
    "雷楔存在期间再次施放元素战技时,在刻晴消失与出现的位置造成50%攻击力的雷元素范围伤害。",
    "刻晴普通攻击与重击命中受到雷元素影响的敌人时,有50%几率产生一个元素微粒。该效果每5秒只能触发一次。",
    "元素爆发的技能等级提高3级。至多提升至15级。",
    "刻晴触发雷元素相关反应后的10秒内,攻击力提升25%。",
    "元素战技的技能等级提高3级。至多提升至15级。",
    "进行普通攻击、重击、施放元素战技或元素爆发时,刻晴获得6%雷元素伤害加成,持续8秒。由普通攻击、重击、元素战技或元素爆发引起的效果分别独立存在。"
  ],
  "cv": "谢莹 | 喜多村英梨",
  "cvCN": "谢莹",
  "cvJP": "喜多村英梨",
  "element": "雷元素",
  "id": 10000042,
  "introduce": "璃月七星之一,玉衡星。对「帝君一言而决的璃月」颇有微词——但实际上,神挺欣赏她这样的人。",
  "levelUpMaterials": ["石珀", "骗骗花蜜", "微光花蜜", "原素花蜜"],
  "mainStat": "暴击伤害",
  "mainValue": "38.4%",
  "name": "刻晴",
  "passiveDesc": "在璃月执行探索派遣任务时,消耗的时间缩短25%。",
  "passiveTitle": "总务土地",
  "rarity": 5,
  "talentMaterials": ["「繁荣」的教导", "「繁荣」的指引", "「繁荣」的哲学", "北风之环"],
  "time": "【周一/四/日】",
  "title": "霆霓快雨",
  "type": "角色"
}
  • 角色描述文件
  • 角色素材图片
  • 角色证件照
  • 角色立绘
  • 角色卡池图片
  • 角色名片

武器

{
  "access": "祈愿",
  "ascensionMaterials": [
    ["凛风奔狼的始龀", "凛风奔狼的裂齿", "凛风奔狼的断牙", "凛风奔狼的怀乡"],
    ["地脉的旧枝", "地脉的枯叶", "地脉的新芽", "史莱姆凝液", "史莱姆清", "史莱姆原浆"]
  ],
  "baseATK": 608,
  "introduce": "象征风龙的荣誉的骑士剑,如今失而复得。剑脊上吹息着风之神的赐福,蕴含苍空与长风的力量。",
  "mainStat": "元素充能效率",
  "mainValue": "55.1%",
  "name": "天空之刃",
  "rarity": 5,
  "skillContent": "暴击率提升<span class=\"desc-number recolor\">4%/5%/6%/7%/8%</span>;施放元素爆发时,获得破空之势:移动速度提升<span class=\"desc-number\">10%</span>,攻击速度提升<span class=\"desc-number\">10%</span>,普通攻击与重击命中时,额外造成<span class=\"desc-number recolor\">20%/25%/30%/35%/40%</span>攻击力的伤害,持续<span class=\"desc-number\">12</span>秒。",
  "skillName": "穿刺高天的利齿",
  "time": "【周二/五/日】",
  "title": "单手剑",
  "type": "武器"
}
  • 武器描述文件
  • 武器素材图片
  • 武器证件照
  • 武器立绘
  • 武器卡池图片

@Arondight
Copy link
Owner

永久性解放以后的版本更新劳动

这样我们也能最大限度的写好文档,因为不需要做的事情永远不会写错或者写粗略

@BTMuli
Copy link
Contributor Author

BTMuli commented Aug 14, 2022

我目前的想法是人工翻新规整化旧资源,而非通过脚本来生成图片,后面的资源更新,json文件采用助手爬取,图片资源还是人工处理,像目前3.0大版本的资源更新,处理起来也没花上多少时间

@mark9804
Copy link
Collaborator

mark9804 commented Aug 14, 2022

我们能做到什么程度的自动化呢

画饼开始咯

角色

  • 角色素材图片:ambr 抓下来,转 webp (保留透明度),不需要其他人工干预(需要给前端一个名称和稀有度的对应关系)
  • 角色证件照:ambr 抓下来,转 webp (保留透明度),不需要其他人工干预
  • 角色立绘:废弃
  • 角色卡池图片:内鬼网抓下来,填充宽度至 320px,转 webp(保留透明度),不需要其他人工干预
  • 角色名片:ambr 抓下来,转 webp(丢弃透明度),不需要其他人工干预

武器

  • 武器素材图片:同角色素材图片
  • 武器证件照:同角色证件照
  • 武器立绘:废弃
  • 武器卡池图片:内鬼网抓下来,转webp(保留透明度),不需要其他人工干预

@Arondight
Copy link
Owner

我目前的想法是人工翻新规整化旧资源,而非通过脚本来生成图片

既然准备全部翻新,就意味着标准(像素长宽)都可以重新定义,我不太能把握在一切重新定义的情况下有多少能够自动化呢

@mark9804
Copy link
Collaborator

在一切重新定义的情况下有多少能够自动化呢

我在画设计图的时候都有考虑标准化问题,现在除了立绘之外已经不用开 photoshop 了,所以下一个设计我就打算把立绘给废弃掉

在这之后就可以直接进入工业时代了,全部自动化

@Arondight
Copy link
Owner

@mark9804 有意向的话画一个摸得着的饼:根据描述文件和助手中的数据,如何去生成一个获取图片的 url,转换后的图片生成到哪里,然后我就开始工业革命

@BTMuli
Copy link
Contributor Author

BTMuli commented Aug 14, 2022

并非重新定义,只是把一些不符合的图片更换,比如resources/Version2/info/image下的是 64x64 的,resources/Version2/area下的是256x256 的,不符合要求的就更换

@Arondight
Copy link
Owner

把一些不符合的图片更换

这个其实我们并不在意,分辨率只是为了防止大家拿错了图,事实上比例不对用起来也没有问题,网页都处理了

@mark9804
Copy link
Collaborator

并非重新定义,只是把一些不符合的图片更换,比如resources/Version2/info/image下的是 64x64 的,resources/Version2/area下的是256x256 的,不符合要求的就更换

对于分辨率的要求其实没有那么严格,我现在只对比例做出要求(是不是 1:1 的关系)

有意向的话画一个摸得着的饼

可以的,除了让脚本自己判断要不要保留透明度信息我不确定之外(保留其实也就多一点大小不那么极限),其他的都可以细化,我这两天开一个 discussion

@mark9804
Copy link
Collaborator

不过硬要说的话,有一段时间我们圣遗物拿的是内鬼网的图片,内鬼网是有裁切的(也就是资源助手最初写出来干的事情,就是个反裁切的),观感确实不太好,不过现在有了更标准的 ambr ,强迫症如我也可以睡安稳觉了

@Arondight
Copy link
Owner

开一个 discussion

直接在这里回复吧

我愿意更新助手

我考虑了一下,为了使用体验,还是用 js 重写吧,不用额外的助手了,这样统一使用 npm 入口也会避免很多问题

npm run tool-resource -- -c ./resources/Version2/info/docs/*.json

用起来差不多是这个感觉

@BTMuli
Copy link
Contributor Author

BTMuli commented Aug 14, 2022

主要还是个人有点强迫症(T_T)又恰好这段时间有空想起来这个,ambr拿到的图片也可以通过TinyPNG进一步的压缩

@mark9804
Copy link
Collaborator

TinyPNG

这个确实可以考虑考虑,API 每个月前五百张免费

@Arondight
Copy link
Owner

如果我们的自动化做的足够彻底,那么也可以抛弃 update.sh ,彻底和原项目分开了,资源目录也不需要维持两个了,另外也不需要大篇幅的资源制作文档了

@Arondight
Copy link
Owner

Arondight commented Aug 14, 2022

彻底和原项目分开了

更进一步的说,也没有必要和原项目维持同样的目录结构了,我个人更倾向简明一些的目录结构

//resources/char/gacha
//resources/char/namecard
//resources/artifact/0
//resources/etc/stars
//resources/etc/elems

诸如此类

一切都看自动化能实现到何种程度

@BTMuli
Copy link
Contributor Author

BTMuli commented Aug 14, 2022

资源文件的更新...目前已经可以做到自己更新了吧(•_•)

@Arondight
Copy link
Owner

资源文件的更新...目前已经可以做到自己更新了吧(•_•)

目前我们的上游是原项目,这个 issue 提到的自动化是想把上游换成一个原神信息网站

@mark9804
Copy link
Collaborator

目前已经可以做到自己更新了吧

不能,还不够自动化,我们两个人可是巴不得这个项目能自己给自己添加新功能自己修 bug 的

@BTMuli
Copy link
Contributor Author

BTMuli commented Aug 14, 2022

上游数据源的替换跟项目资源人工更新是分开的吧...?单就这个 issue 的资源翻新而言,上游是没有用到的吧

@Arondight
Copy link
Owner

上游是没有用到的吧

没有,上游摆烂了,之前很多版本我们是张着嘴等上游喂一部分资源文件的,这也是你看到为什么会有很多资源文件尺寸不一

@BTMuli
Copy link
Contributor Author

BTMuli commented Aug 14, 2022

之前版本等上游作为数据源然后跑update.sh,后面的版本在目前几个资源站点结合下完全可以独立完成资源文件的上传,那不是更适合把之前的一些资源文件给翻新😶
直接舍弃掉上游也是可以的吧ಠ_ಠ

@Arondight
Copy link
Owner

直接舍弃掉上游也是可以的吧ಠ_ಠ

可以,但是没有必要,因为不能带来足够利益的翻新没有太大的价值,只是为了强迫症没有必要翻新旧文件,这种工作既不会带来用户体验的改变,也不会带来开发过程的改变

@BTMuli
Copy link
Contributor Author

BTMuli commented Aug 14, 2022

我人麻了(⌐■_■)

@Arondight
Copy link
Owner

Duplicate of #885

@Arondight Arondight marked this as a duplicate of #885 Aug 14, 2022
@Arondight Arondight removed the question Further information is requested label Aug 14, 2022
@mark9804
Copy link
Collaborator

没有必要为了翻新而翻新,我们不是按 commit 数给工资的,翻新的目的是为了之后开发更快乐

像目前3.0大版本的资源更新,处理起来也没花上多少时间

这个项目有爬虫的原因是因为我当时只手动改了一个 json 文件就破防了,花不花时间(时间值不值钱)另说,重复操作就挺坐牢的

我自己电脑上自动化脚本和 automator workflow 加起来有几十条,一分钟牢都不想坐

@mark9804
Copy link
Collaborator

mark9804 commented Aug 15, 2022

如果改成 webp ,等到七国开完了仓库体积上会有受益么

image

ls -lh                                                                 12:36:03
total 2800
-rw-------@ 1 mark_chen  staff   584K Aug 15 12:35 卡池.png
-rw-r--r--  1 mark_chen  staff   119K Aug 15 12:36 卡池.webp
-rw-r--r--  1 mark_chen  staff   456K Aug 15 00:40 名片.png
-rw-r--r--  1 mark_chen  staff    52K Aug 15 12:29 名片.webp
-rw-r--r--  1 mark_chen  staff    42K Apr  3 00:33 素材(不透明).png
-rw-r--r--  1 mark_chen  staff   5.7K Aug 15 12:31 素材(不透明).webp
-rw-r--r--  1 mark_chen  staff   2.2K Aug 15 00:40 素材(透明).png
-rw-r--r--  1 mark_chen  staff   1.9K Aug 15 12:32 素材(透明).webp
-rw-r--r--@ 1 mark_chen  staff    87K Jul  2 15:14 证件照.png
-rw-r--r--@ 1 mark_chen  staff    24K Aug 15 12:27 证件照.webp
cwebp (-noalpha) -m 6 -mt -af -q 95 in.png -o out.webp

@Arondight
Copy link
Owner

image

太牛了

@Arondight
Copy link
Owner

这个已经给整理完了 #885

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

3 participants