# JS Animation

**Repository Path**: CaseyLu/JS-Animation

## Basic Information

- **Project Name**: JS Animation
- **Description**: js实现帧动画和普通动画，普通动画主要包括：速度动画，缓冲动画，多物体动画，链式动画以及同时运动动画
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-06-29
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# JS Animation

#### 介绍
js实现帧动画，和 其他动画包括：速度动画，缓冲动画，多物体动画，链式动画以及同时运动动画

#### 环境准备
- Node 12.18.1
- node_modules `npm install`
- webpack  `npm install webpack -g`
- 脚手架webpack-cli `npm install webpack-cli -g`
- 内置服务器 `npm install webpack-dev-server -g`

#### 运行说明
`src/animation pages/`里面每个html文件对应一种类型的js动画实现，点击就可以查看各种动画
`src/demo/`里面是一个可爱兔子的帧动画,

**主目录下运行指令**：`webpack-dev-server`
**本地查看动画效果**：`localhost:8080`，选择对应html文件即可，例如：`http://localhost:8080/src/demo/`