【非官方工具站】教主的旅途：使用方法介绍

网站地址：https://journey.927927927.xyz/#/



本网站是一个面向 Trickcal / 嘟嘟脸内容整理、预览和创作的工具站。它把角色资源、Spine 动画、贴图、语音、图鉴和宴会厅预览集中在一个网页工作台里，方便查看角色、切换动作、导出图片/GIF，并进行本地副本编辑。



项目重点是“本地、安全、可回退”：Creator 只编辑本地副本，不直接修改原始 Spine 文件；资源接入和发布流程也做了分层，避免把草稿、原始资源和公开产物混在一起。

 

一、首页和入口

首页是整个工具站的入口。可以从“进入旅途”进入主工作台，也可以查看公告、赞助说明、语言切换和外部资料入口。 



首页：进入旅途、公告、语言切换和外部入口 

第一次使用时，建议先从“进入旅途”进入 Studio。想快速找角色，可以进入角色图鉴；想导出图片或 GIF，可以直接在 Studio 中选择资源和动作。 



二、主要功能

1. 角色图鉴与 WebGL 图鉴

角色图鉴用于快速浏览已经整理好的角色。页面会显示角色卡片、资源状态和入口按钮，每个角色可以进入图鉴详情、宴会厅或 Studio 检视器。 



角色图鉴：角色卡片、资源状态和入口按钮 

图鉴详情页会按当前角色加载 WebGL 内容，可以查看角色展示、资料标签、文本和语音等内容。首次打开 WebGL 页面时资源可能需要等待一会儿。 



WebGL 图鉴：角色展示、资料、文本与语音 

2. 宴会厅预览

宴会厅更偏向角色对话演出。它和图鉴使用同一个角色代码，但展示的是对话场景，包括角色动作、台词、选项、反应动画和语音按钮。 



宴会厅：对话场景、选项、动作和语音联动 

3. Studio / Spine 检视器

Studio 是主要的资源预览与导出工作台。左侧是资源库，中间是 Spine 预览舞台，右侧是设置、图层、贴图部件和导出面板。 



Studio：资源库、预览舞台和右侧功能面板 

在 Studio 中可以切换动作、播放 / 暂停、上一动作 / 下一动作，也可以拖动时间轴查看某一帧。资源包含外部皮肤或内部 skin 时，也可以切换不同皮肤版本。 



Studio：动作选择与时间轴预览 

4. 舞台、图层和贴图部件

Canvas 和 Layers 面板可以调整画布尺寸、背景、模型位置、缩放、旋转、多模型图层、图片层和 GIF 图片层。贴图部件区域可以查看 slot / attachment，单独显示、隐藏或临时替换图片。 



Studio：画布、背景、模型位置和舞台设置 



Studio：slot / attachment 贴图部件查看与替换 

5. Creator 本地副本编辑

Studio 预览区提供“编辑本地副本”和“截图批注”入口。“编辑本地副本”适合试画贴图、检查部件、做局部换色或创作实验；“截图批注”适合圈点问题、添加文字说明和做反馈图。 



Studio：进入 Creator 的本地副本编辑入口 



Creator：画笔、橡皮、填充、文字、图片等绘画工具 

如果画笔或橡皮提示需要先选择区域，说明还没有选中可编辑的贴图部件。先在贴图画布或右侧部件列表中点选 region，再继续绘画。 

6. PNG / GIF 导出

导出功能集中在 Studio 右侧 Export 面板。可以导出当前画面 PNG、当前动作 GIF、批量导出全部动作，也可以管理导出队列。高级导出中可以设置 FPS、质量、透明背景、取景方式、循环次数和导出目录。 



Studio：PNG / GIF 导出设置 

7. 多语言切换

网站支持中文、日文、韩文切换。首页、Studio、导出面板、设置面板、WebGL 图鉴和宴会厅中的部分文本都会受到语言设置影响。 



多语言：中文、韩文、日文界面切换 



三、推荐使用流程

1. 从首页点击“进入旅途”，进入主工作台。 

2. 想找角色或看资料，先打开角色图鉴。 

3. 想看模型、动作、皮肤和贴图部件，进入 Studio / Spine 检视器。 

4. 想导出 PNG 或 GIF，在 Studio 右侧 Export 面板调整设置后导出。 

5. 想做贴图草稿或截图批注，从 Studio 进入 Creator，本地副本不会覆盖原始 Spine 资源。 



四、常见问题

1.页面空白：先刷新页面；如果仍然空白，可以换桌面浏览器或清理缓存后重试。 

2.模型没加载：首次加载资源可能较慢，先等待一会儿。WebGL 页如果提示未登记，表示该角色小包暂不可用。 

3.语音没播放：先点击页面任意位置解锁浏览器音频，再确认音乐按钮没有关闭。 

4.GIF 导出慢：降低画布尺寸、降低 FPS、只导出当前动作，或使用快速预览。 

5.绘画工具不能画：先确认在 Creator 的贴图视图中，并且已经选中了 atlas / region / 贴图部件。

 6.批量导出或者录制时候建议暂停播放器播放，会极大提高导出速率。 如果对图层有改动或者录制多要素图片表情时，建议模式切换为当前视图，如果是最大动作视图会导致元素在默认位置。 7. 进行纹理作业或反复导出项目时，请务必下载项目配置文件。刷新网页会导致当前进度丢失。



8. 当前的贴图绘制功能非常不成熟。如非必要，请在稳定的工具中完成绘画后，再到主页检视器中寻找贴图进行替换。



9. 为防止剧透，部分使徒的（Spine）不会显示。



10.请注意，批量导出60+GIF以上时会出现导出失败的情况，请保存配置再刷新页面，配置成功设定完毕后就可以重试失败



11.加载很慢或者手机很难进入请使用魔法，或者加速器。（这几天看隔壁金谷说uu加速器或者Watt Toolkit有作用）

目前网页端走的是Github，国内部分地区可能直连比较困难，金谷后续会想办法优化。



五、开源组件、赞助与非官方说明

本项目使用并整合了 Klecks、Spine WebGL runtime、FFmpeg wasm、Konva / react-konva / perfect-freehand 等开源组件，并按各自许可证保留相应致谢和许可说明。 

如果愿意赞助，赞助将用于支持资源整理、网页功能维护、Studio / Creator 体验优化、WebGL 预览链路调试和后续多语言说明内容制作。赞助仅用于支持本项目开发与维护，不代表任何第三方项目或游戏官方对本项目的认可或背书。 

本项目是个人整理和创作用的非官方工具站。项目中涉及的游戏名称、角色、素材、商标和相关资源版权归其各自权利方所有。本项目不代表官方立场，也不与官方存在从属或授权关系。 



使用须知

 制作：月轉叁冰空響花@Telakour 贡献者：@Clipbrde

反馈邮箱：Telakour@proton.me

本站为非官方同人工具，仅供资料整理、游戏爱好者交流与学习研究使用。

游戏素材、角色、语音、图片等版权归 EPIDGames、bilibili 及相关版权方所有。

请勿将本站内容用于违法违规、se情低俗、商业牟利、恶意传播、侵权转载或其他不当用途；因使用本站内容产生的相关行为及后果由使用者自行承担。 金谷的话：耗时一个半月左右，也使用了codex进行工作帮助，由于美工缺乏，UI方面可能需要慢慢改进... 总之是帮助朋友们进行二创辅助的公益性质网站，不过根据访问量（超出CF免费额度）以及不可抗力因素可能暂时关闭。