Webstatic Extractor：一键提取原神网页活动素材的利器

Webstatic Extractor：一键提取原神网页活动素材的利器

webstatic-extractor 一键从原神网页活动中提取spine模型及相关图片素材 Extract static resources from genshin web activity pages in one click! 项目地址: https://gitcode.com/gh_mirrors/we/webstatic-extractor

项目介绍

Webstatic Extractor 是一款专为原神网页活动设计的开源工具，旨在帮助开发者、设计师和游戏爱好者轻松提取网页活动中的Spine模型、JSON配置文件以及相关图片素材。通过简单的操作，用户可以一键下载这些资源，极大地简化了素材提取的流程。

项目技术分析

技术原理

Webstatic Extractor的核心技术在于对网页活动页面的深度解析和资源提取。项目开发者通过对米哈游（mihoyo）平台的前端构建工具链进行深入研究，掌握了其资源加载和模块管理的机制。具体技术原理如下：

1. Webpack模块解析：

   • 项目早期版本通过阻止Webpack初始化，创建一个假的Webpack运行环境，从而获取所有模块的列表。
   • 随着米哈游更新到Webpack 5，项目也进行了相应的技术升级，通过正则匹配HTML中的chunkLoadingGlobal，阻止Webpack初始化，并创建一个假的Webpack运行环境，以获取所有chunk。

2. 资源特征搜索：

   • 在加载的所有chunk中，通过暴力搜索3D组件的特征（如Spine、Stage等），定位到目标资源。
   • 通过劫持Object.defineProperty，获取组件内部的子模块列表，进一步查找符合Spine数据源定义特征的模块。

3. 资源下载与打包：

   • 找到所有符合条件的模块后，项目会自动下载相关的图片资源，并将其打包压缩，方便用户使用。

技术优势

• 流式下载：使用Streamsaver技术，实现流式下载，提升下载速度和用户体验。
• 对抗魔法：通过模拟Webpack运行环境，对抗网页的资源保护机制，实现高效提取。
• 跨域支持：支持webstatic.mihoyo.com和act.mihoyo.com域名，对于Hoyoverse的海外网页活动，可以通过找到对应页面进行提取。

项目及技术应用场景

应用场景

1. 游戏开发：

   • 游戏开发者可以利用提取的Spine模型和图片素材，快速搭建游戏场景或进行二次开发。

2. 动画制作：

   • 动画制作人员可以提取网页活动中的动画素材，用于制作高质量的动画作品。

3. 教育与研究：

   • 教育机构和研究人员可以利用提取的素材，进行前端技术、WebGL动画等方面的教学和研究。

4. 个人兴趣：

   • 游戏爱好者和设计师可以通过提取的素材，进行个人创作或二次创作，满足个人兴趣和需求。

项目特点

主要特点

1. 一键提取：

   • 用户只需简单操作，即可一键提取网页活动中的所有相关素材，操作简便快捷。

2. 技术深度：

   • 项目开发者对米哈游的前端构建工具链有深入的理解，能够应对不同版本的Webpack更新，确保提取的稳定性和准确性。

3. 开源共享：

   • 项目完全开源，用户可以自由使用、修改和分享，促进技术的交流和进步。

4. 安全合规：

   • 项目仅用于学习和研究目的，不对提取后的数据用途负责，确保合法合规使用。

结语

Webstatic Extractor作为一款强大的开源工具，不仅简化了原神网页活动素材的提取流程，还为开发者、设计师和游戏爱好者提供了丰富的资源支持。无论你是游戏开发者、动画制作人员，还是对前端技术感兴趣的研究者，Webstatic Extractor都能为你带来极大的便利和价值。赶快尝试一下，体验一键提取的便捷与高效吧！

webstatic-extractor 一键从原神网页活动中提取spine模型及相关图片素材 Extract static resources from genshin web activity pages in one click! 项目地址: https://gitcode.com/gh_mirrors/we/webstatic-extractor