Skip to content

Commit

Permalink
更新readme
Browse files Browse the repository at this point in the history
  • Loading branch information
RainManGO committed Jan 6, 2022
1 parent c26948c commit 7421931
Show file tree
Hide file tree
Showing 3 changed files with 155 additions and 10 deletions.
84 changes: 84 additions & 0 deletions README-ZH.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,84 @@
Language: [English](README.md) | [中文简体](README-ZH.md)

<p align="center">
<img width="192" src="https://tva1.sinaimg.cn/large/008i3skNly1gy3q3h2ufrj308103gmx4.jpg" alt="axios mapper">
</p>

<p align="center">
<a href="https://www.npmjs.com/package/3d-earth">
<img src="https://img.shields.io/npm/v/3d-earth?color=blue" alt="npm">
</a>
<a href="https://github.com/RainManGO/3d-earth">
<img src="https://img.shields.io/npm/types/3d-earth" alt="Types">
</a>
<a href="https://github.com/RainManGO/axios-mapper/blob/main/LICENSE">
<img src="https://img.shields.io/npm/l/axios-mapper" alt="License">
</a>
</p>







3d-earth 是一个漂亮的,基于threejs 的组件



## Install

```shell
npm install 3d-earth
```

or

```shell
yarn add 3d-earth
```

## Features

- [x] 星空背景
- [x] 云层
- [x] 城市位置涟漪
- [x] 光晕
- [x] 世界地图边界
- [x] 飞线效果
- [x] 地球自转动画
- [x] 自动缩放中国动画


## Usage



已打包esm 文件,如有其他需求自行打包。支持vue/react/html 简单嵌入

&nbsp;

config

```js
//地球是否旋转
autoRotate: boolean;
//是否缩放到中国,之后再放大动画
zoomChina: boolean;
//是否显示星空背景
starBackground: boolean
```




### Dependency

- ThreeJS
- TweenJS



## License

3d-earth is open-sourced software licensed under the [MIT license](./LICENSE).
76 changes: 68 additions & 8 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,16 +1,76 @@
# 🚀 Welcome to your new awesome project!
Language: [English](README.md) | [中文简体](README-ZH.md)

<p align="center">
<img width="192" src="https://tva1.sinaimg.cn/large/008i3skNly1gy3q3h2ufrj308103gmx4.jpg" alt="axios mapper">
</p>

<p align="center">
<a href="https://www.npmjs.com/package/3d-earth">
<img src="https://img.shields.io/npm/v/3d-earth?color=blue" alt="npm">
</a>
<a href="https://github.com/RainManGO/3d-earth">
<img src="https://img.shields.io/npm/types/3d-earth" alt="Types">
</a>
<a href="https://github.com/RainManGO/axios-mapper/blob/main/LICENSE">
<img src="https://img.shields.io/npm/l/axios-mapper" alt="License">
</a>
</p>




This project has been created using **webpack-cli**, you can now run

```
npm run build
```


3D Earth is a beautiful component of earth flying line based on threejs



## Install
```shell
npm install 3d-earth
```
or

```shell
yarn add 3d-earth
```
yarn build
## Features

- [x] star background
- [x] cloud
- [x] city wave
- [x] glow sprite
- [x] world polygon
- [x] flyLine
- [x] earth roate and zoom animate


## Usage


build esm , support html/vue/react you can look at example

&nbsp;

config

```js
//earth auto Roate
autoRotate: boolean;
zoomChina: boolean;
starBackground: boolean
```

to bundle your application
# 3d-earth



### Dependency

- ThreeJS
- TweenJS



## License
3d-earth is open-sourced software licensed under the [MIT license](./LICENSE).
5 changes: 3 additions & 2 deletions lib/package.json
Original file line number Diff line number Diff line change
@@ -1,11 +1,12 @@
{
"name": "3d-earth",
"version": "1.0.3",
"version": "1.0.4",
"description": "基于threeJs 的3d地球组件",
"main": "./dist/earth.min.js",
"types": "./dist/types/index.d.ts",
"files": [
"dist"
"dist",
"README.md"
],
"author": "zy",
"license": "MIT",
Expand Down

0 comments on commit 7421931

Please sign in to comment.