> For the complete documentation index, see [llms.txt](https://r1ader.gitbook.io/r_animate_cn/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://r1ader.gitbook.io/r_animate_cn/readme.md).

# 关于 r\_animate.js

## 什么是 r\_animate.js

<mark style="color:purple;">**`r_animate.js`**</mark>  帮助您以  <mark style="color:red;">函数式编程（Functional programming）</mark>  的方式制作<mark style="color:red;">动画</mark>:smile:

## 使用 <mark style="color:purple;">`r_animate.js`</mark> ，你可能需要

### [<mark style="color:blue;">快速开始</mark>](/r_animate_cn/get_start.md)

### [<mark style="color:blue;">API 文档</mark>](/r_animate_cn/api-wen-dang.md)

## 安装

### npm:

```bash
npm install --save r_animate 
```

### 浏览器:

chrome, firefox 等主流浏览器已原生支持 import

```html
<script type="module">
    import { r, act } from "https://unpkg.com/r_animate/index.js";
</script>
```

在原生 <mark style="color:orange;">`html`</mark> 与 <mark style="color:orange;">`javascript`</mark> 中使用 <mark style="color:purple;">**`r_animate.js`**</mark> 的示例👉 <mark style="color:blue;">\[</mark>[<mark style="color:blue;">code</mark>](https://github.com/r1ader/r_animate/blob/main/code/test.html)<mark style="color:blue;">]\[</mark>[<mark style="color:blue;">demo</mark>](https://r1ader.github.io/r_animate/code/test.html)<mark style="color:blue;">]</mark>

##