Ascii-Motion

“

一个现代的Web应用程序，用于创建和动画化ASCII艺术作品。

Github地址

https://github.com/CameronFoxly/Ascii-Motion

在线体验

https://ascii-motion.app/

项目特点

• 功能丰富

  ：提供基于网格的ASCII艺术编辑器，具备完整的绘图工具集；支持动画时间轴，可进行逐帧编辑和洋葱皮功能；提供自定义颜色和字符调色板，支持预设和导入导出功能；能够将图像或视频素材转换为ASCII艺术，并提供精细的渲染控制；支持多种导出格式，包括图像（PNG、JPEG、SVG）、视频（MP4、WebM）、文本文件、JSON、HTML以及完整会话导出。

• 技术栈

  ：React 18、TypeScript、Vite、Tailwind CSS、Shadcn/ui、Zustand、Lucide React。

• 项目结构

  ：采用单体仓库结构，包含两个主要部分：

• packages/core/

  ：开源核心功能（MIT许可证），包含画布编辑器、绘图工具、动画系统、导出功能、所有UI组件和工具。

• packages/premium/

  ：高级功能（专有许可证），包含用户认证（基于邮箱）、云项目存储、支付集成等。

• 开发状态

  ：项目由开发者独立维护，目前完成了基础功能和动画系统的开发，正在进行高级工具的开发和测试。

开发与部署

• 开发环境：

• Node.js

  ：18+版本。

• 包管理工具

  ：npm或yarn。

• 安装步骤：

  gitclonehttps://github.com/cameronfoxly/Ascii-Motion.git
  cdAscii-Motion
  npm install
  

• 开发命令：

  npm run dev
  

• 构建命令：

  npm run build
  

• 部署：

• npm run version:patch

  ：补丁版本更新。

• npm run version:minor

  ：次要版本更新。

• npm run version:major

  ：主要版本更新。

• npm run deploy

  ：补丁版本更新（如0.1.23 → 0.1.24），适用于小更新和内容更改。

• npm run deploy:major

  ：次要版本更新（如0.1.23 → 0.2.0），适用于新功能和重大改进。

• npm run deploy:preview

  ：不更新版本，用于测试部署和预览分支。

• 支持通过Vercel进行自动化部署，并提供版本管理。

• 提供多种部署命令，用于不同场景：

• 还提供手动版本管理命令：