Docs Home

Newcar 是一个基于 CanvasKit-WASM 的现代动画引擎，通过链式语法和丰富 API 提供高度可配置的通用动画能力，由 BugDuck Team 与 Dromara 社区共同维护。

核心架构与性能优势

Newcar 引擎底层依赖 CanvasKit-WASM，将 Skia 图形库编译为 WebAssembly，直接在浏览器中运行，减少 CPU 与 GPU 之间的通信和数据交换，从而提升动画渲染速度。这一设计使其区别于依赖 DOM 或 Canvas 2D 的传统动画库。

• CanvasKit-WASM: 基于 Skia 的 WebAssembly 实现，减少 CPU-GPU 通信开销
• Apache-2.0 协议: 完全开源，允许商用和修改
• 社区背景: 由 BugDuck Team 及 Dromara 开源社区共同维护

开发体验与API设计

Newcar 提供链式语法，将对象保存为变量的传统写法替换为方法链，减少中间变量，提升代码可读性。API 覆盖基础图形、数学、几何、图表等多个模块，用户可基于这些模块创建自定义动画风格。

• 链式语法: 用方法链替代变量存储，简化动画编排
• 模块划分: 基础图形库、数学模块、几何模块、图表模块、其他模块
• 自定义风格: 允许用户创建自己的动画样式，不受预设限制

文档与上手资源

官网提供中文与英文双语文档，包含快速开始指南、API 参考、试验场（Playground）以及赞助页面。试验场允许用户在线编写和预览动画效果，无需本地搭建环境。

• 试验场: 在线编写并实时预览 Newcar 动画
• API 参考: 涵盖所有模块的接口说明
• 快速开始: 从零创建个动画的步骤指南
• 赞助页面: 支持项目发展的捐赠入口

适用场景与目标用户

Newcar 适合需要高性能、可定制动画的 Web 开发者，尤其是数据可视化、动态图表、交互式演示等场景。其 CanvasKit-WASM 架构在复杂动画场景下比传统 Canvas 方案更流畅。

• 数据可视化: 结合图表模块实现动态数据展示
• 交互式演示: 链式语法便于编排多步动画序列
• 自定义动画: 极高自由度，适合需要独特视觉风格的项目

常见问题

Q1：Newcar 的链式语法与传统动画库的写法有什么具体区别？

A1：传统写法通常需要将动画对象保存为变量，再多次调用方法；Newcar 允许直接通过方法链连续调用，例如 `new Car().moveTo(100,100).rotate(45).scale(2)`，减少中间变量，代码更紧凑。

Q2：Newcar 的 CanvasKit-WASM 相比普通 Canvas 2D 有什么实际优势？

A2：CanvasKit-WASM 将 Skia 图形库编译为 WebAssembly，在浏览器中直接运行，减少了 CPU 与 GPU 之间的通信和数据交换次数，因此在渲染大量图形或复杂动画时，帧率更稳定，CPU 占用更低。

Q3：Newcar 的试验场（Playground）是否需要注册或付费？

A3：试验场是官网提供的免费在线工具，无需注册或登录，打开页面即可编写和预览 Newcar 动画代码，适合快速测试和学习。

更多同类工具与网站,可在动画库分类继续挑选。

信息核实于 2026年7月,具体以官网为准。