https://github.com/rainmango/3d-earth

A beautiful 3D Earth 🌏
https://github.com/rainmango/3d-earth

3dearth earth globe threejs webgl

Last synced: about 1 month ago
JSON representation

A beautiful 3D Earth 🌏

• Host: GitHub
• URL: https://github.com/rainmango/3d-earth
• Owner: RainManGO
• Created: 2021-12-29T06:57:27.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2022-01-10T06:32:16.000Z (almost 3 years ago)
• Last Synced: 2023-12-16T14:38:54.332Z (about 1 year ago)
• Topics: 3dearth, earth, globe, threejs, webgl
• Language: TypeScript
• Homepage:
• Size: 33.4 MB
• Stars: 242
• Watchers: 5
• Forks: 35
• Open Issues: 1
• Metadata Files:
  • Readme: README-ZH.md

Awesome Lists containing this project

README

        
Language: [English](README.md) | [中文简体](README-ZH.md)



  





  

    

  

  

    

  

    

    

  



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

效果展示：

![3d-earth](https://img-blog.csdnimg.cn/448b48bbe7394022b089c7617d2222d8.gif)

## 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 简单嵌入

 

config

```js

   //地球是否旋转

  autoRotate: boolean;

  //是否缩放到中国，之后再放大动画

  zoomChina: boolean;

  //是否显示星空背景

  starBackground: boolean

```

### Dependency

 - ThreeJS

 - TweenJS

## License

3d-earth  is open-sourced software licensed under the [MIT license](./LICENSE).