Skip to content

Commit 7421931

Browse files
committed
更新readme
1 parent c26948c commit 7421931

File tree

3 files changed

+155
-10
lines changed

3 files changed

+155
-10
lines changed

README-ZH.md

+84
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,84 @@
1+
Language: [English](README.md) | [中文简体](README-ZH.md)
2+
3+
<p align="center">
4+
<img width="192" src="https://tva1.sinaimg.cn/large/008i3skNly1gy3q3h2ufrj308103gmx4.jpg" alt="axios mapper">
5+
</p>
6+
7+
<p align="center">
8+
<a href="https://www.npmjs.com/package/3d-earth">
9+
<img src="https://img.shields.io/npm/v/3d-earth?color=blue" alt="npm">
10+
</a>
11+
<a href="https://github.com/RainManGO/3d-earth">
12+
<img src="https://img.shields.io/npm/types/3d-earth" alt="Types">
13+
</a>
14+
<a href="https://github.com/RainManGO/axios-mapper/blob/main/LICENSE">
15+
<img src="https://img.shields.io/npm/l/axios-mapper" alt="License">
16+
</a>
17+
</p>
18+
19+
20+
21+
22+
23+
24+
25+
3d-earth 是一个漂亮的,基于threejs 的组件
26+
27+
28+
29+
## Install
30+
31+
```shell
32+
npm install 3d-earth
33+
```
34+
35+
or
36+
37+
```shell
38+
yarn add 3d-earth
39+
```
40+
41+
## Features
42+
43+
- [x] 星空背景
44+
- [x] 云层
45+
- [x] 城市位置涟漪
46+
- [x] 光晕
47+
- [x] 世界地图边界
48+
- [x] 飞线效果
49+
- [x] 地球自转动画
50+
- [x] 自动缩放中国动画
51+
52+
53+
## Usage
54+
55+
56+
57+
已打包esm 文件,如有其他需求自行打包。支持vue/react/html 简单嵌入
58+
59+
&nbsp;
60+
61+
config
62+
63+
```js
64+
//地球是否旋转
65+
autoRotate: boolean;
66+
//是否缩放到中国,之后再放大动画
67+
zoomChina: boolean;
68+
//是否显示星空背景
69+
starBackground: boolean
70+
```
71+
72+
73+
74+
75+
### Dependency
76+
77+
- ThreeJS
78+
- TweenJS
79+
80+
81+
82+
## License
83+
84+
3d-earth is open-sourced software licensed under the [MIT license](./LICENSE).

README.md

+68-8
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,76 @@
1-
# 🚀 Welcome to your new awesome project!
1+
Language: [English](README.md) | [中文简体](README-ZH.md)
2+
3+
<p align="center">
4+
<img width="192" src="https://tva1.sinaimg.cn/large/008i3skNly1gy3q3h2ufrj308103gmx4.jpg" alt="axios mapper">
5+
</p>
6+
7+
<p align="center">
8+
<a href="https://www.npmjs.com/package/3d-earth">
9+
<img src="https://img.shields.io/npm/v/3d-earth?color=blue" alt="npm">
10+
</a>
11+
<a href="https://github.com/RainManGO/3d-earth">
12+
<img src="https://img.shields.io/npm/types/3d-earth" alt="Types">
13+
</a>
14+
<a href="https://github.com/RainManGO/axios-mapper/blob/main/LICENSE">
15+
<img src="https://img.shields.io/npm/l/axios-mapper" alt="License">
16+
</a>
17+
</p>
18+
19+
20+
221

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

5-
```
6-
npm run build
7-
```
823

24+
25+
3D Earth is a beautiful component of earth flying line based on threejs
26+
27+
28+
29+
## Install
30+
```shell
31+
npm install 3d-earth
32+
```
933
or
1034

35+
```shell
36+
yarn add 3d-earth
1137
```
12-
yarn build
38+
## Features
39+
40+
- [x] star background
41+
- [x] cloud
42+
- [x] city wave
43+
- [x] glow sprite
44+
- [x] world polygon
45+
- [x] flyLine
46+
- [x] earth roate and zoom animate
47+
48+
49+
## Usage
50+
51+
52+
build esm , support html/vue/react you can look at example
53+
54+
&nbsp;
55+
56+
config
57+
58+
```js
59+
//earth auto Roate
60+
autoRotate: boolean;
61+
zoomChina: boolean;
62+
starBackground: boolean
1363
```
1464

15-
to bundle your application
16-
# 3d-earth
65+
66+
67+
68+
### Dependency
69+
70+
- ThreeJS
71+
- TweenJS
72+
73+
74+
75+
## License
76+
3d-earth is open-sourced software licensed under the [MIT license](./LICENSE).

lib/package.json

+3-2
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,12 @@
11
{
22
"name": "3d-earth",
3-
"version": "1.0.3",
3+
"version": "1.0.4",
44
"description": "基于threeJs 的3d地球组件",
55
"main": "./dist/earth.min.js",
66
"types": "./dist/types/index.d.ts",
77
"files": [
8-
"dist"
8+
"dist",
9+
"README.md"
910
],
1011
"author": "zy",
1112
"license": "MIT",

0 commit comments

Comments
 (0)