Newcar

<div align="center"> <h1>Newcar</h1> <p>A modern animation engine for JavaScript ecosystem</p> </div> <p align="center"> <img src="https://img.shields.io/github/stars/dromara/newcar?color=yellowgreen&logo=github&style=flat-square" /> <img src="https://img.shields.io/github/forks/dromara/newcar?logo=github&style=flat-square" /> <img src="https://img.shields.io/github/license/Bug-Duck/newcar?color=skyblue&logo=github&style=flat-square" /> <a href="https://twitter.com/bugduckteam"><img src="https://shields.io/badge/twitter-BugDuck_Team-blue?logo=twitter&style=flat-square" /></a> <a href="https://discord.gg/ANqgRc3C4b"><img src="https://shields.io/badge/discord-newcarjs-blue?logo=discord&style=flat-square" /></a> <a href="https://www.npmjs.com/package/newcar"><img src="https://img.shields.io/npm/dw/newcar.svg"/></a> <a href="https://www.npmjs.com/package/newcar"><img src="https://img.shields.io/npm/v/newcar.svg"/></a> </p>

---

Announcement

Newcar has been stopped of the maintain, please refer to our new product VueMotion. Thanks for everyone who walk with BugDuck Open Source Team to there. Thanks!

Examples Preview

<table> <tr> <td> <img src="./assets/poster1.gif"/> </td> <td> <img src="./assets/poster2.gif"/> </td> <td> <img src="./assets/poster3.gif"/> </td> </tr> <tr> <td><img src="./assets/poster5.gif"></td> <td><img src="./assets/poster4.gif"/></td> <td><img src="./assets/poster6.gif"></td> </tr> </table>

---

📔 Introduction

Newcar is a highly configurable and advanced universal engine designed for rapid animation creation. It is suitable for a wide range of applications, including video clips, dynamic charts (planned for the future), and even 2D game development (also planned for the future).

🌟 Features

• Rich API Interfaces 🛠️: Offers powerful and diverse APIs, providing you with greater flexibility in animation creation.
• Based on CanvasKit-WASM 🧬: Utilizes CanvasKit-WASM to minimize communication and data exchange between the CPU and GPU, ensuring robust animation performance.
• High Degree of Customization ⚙️: Features strong customizability, allowing you to create unique animation styles.
• Chain Syntax ⛓️: Enables the use of chain syntax for a more efficient development process, eliminating the need to save objects into variables.

📖 Documentation

• The tutorials is available at newcarjs.org
• The API References is available at apis.newcarjs.org
• The Playground is deployed at playground.newcarjs.org

Note: Newcar is a open-source project which belong to Dromara Community and maintained by BugDuck Team. The members of BugDuck just join with a personal identity, BugDuck Team will always keep its independence

✨ Stargazers over time

Copyright (c) 2022-present, BugDuck Team & Dromara Community