Light

rainmango / 3d-earth Goto Github PK

View Code? Open in Web Editor NEW

259.0 5.0 38.0 34.2 MB

A beautiful 3D Earth 🌏

HTML 0.96% JavaScript 0.34% TypeScript 97.73% Less 0.01% Vue 0.97%

threejs globe webgl earth 3dearth

3d-earth's Introduction

Language: English | 中文简体

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

look：

Install

  npm install 3d-earth

or

  yarn add 3d-earth

Features

Usage

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

config

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

Dependency

ThreeJS
TweenJS

License

3d-earth is open-sourced software licensed under the MIT license.

3d-earth's People

Contributors

Stargazers

Watchers

3d-earth's Issues

build error

[webpack-cli] Failed to load 'D:\temp\3DEARTH\3d-earth-main2\webpack.config.js' config
[webpack-cli] Error: Cannot find module 'ajv/dist/compile/codegen'
Require stack:

D:\temp\3DEARTH\3d-earth-main2\node_modules\ajv-keywords\dist\definitions\typeof.js
D:\temp\3DEARTH\3d-earth-main2\node_modules\ajv-keywords\dist\keywords\typeof.js
D:\temp\3DEARTH\3d-earth-main2\node_modules\ajv-keywords\dist\keywords\index.js
D:\temp\3DEARTH\3d-earth-main2\node_modules\ajv-keywords\dist\index.js
D:\temp\3DEARTH\3d-earth-main2\node_modules\schema-utils\dist\validate.js
D:\temp\3DEARTH\3d-earth-main2\node_modules\schema-utils\dist\index.js
D:\temp\3DEARTH\3d-earth-main2\node_modules\mini-css-extract-plugin\dist\index.js
D:\temp\3DEARTH\3d-earth-main2\webpack.config.js
D:\temp\3DEARTH\3d-earth-main2\node_modules\webpack-cli\lib\webpack-cli.js
D:\temp\3DEARTH\3d-earth-main2\node_modules\webpack-cli\lib\bootstrap.js
D:\temp\3DEARTH\3d-earth-main2\node_modules\webpack-cli\bin\cli.js
D:\temp\3DEARTH\3d-earth-main2\node_modules\webpack\bin\webpack.js
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:880:15)
at Function.Module._load (internal/modules/cjs/loader.js:725:27)
at Module.require (internal/modules/cjs/loader.js:952:19)
at require (internal/modules/cjs/helpers.js:88:18)
at Object. (D:\temp\3DEARTH\3d-earth-main2\node_modules\ajv-keywords\dist\definitions\typeof.js:3:19)
at Module._compile (internal/modules/cjs/loader.js:1063:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10)
at Module.load (internal/modules/cjs/loader.js:928:32)
at Function.Module._load (internal/modules/cjs/loader.js:769:14)
at Module.require (internal/modules/cjs/loader.js:952:19) {
code: 'MODULE_NOT_FOUND',
requireStack: [
'D:\temp\3DEARTH\3d-earth-main2\node_modules\ajv-keywords\dist\definitions\typeof.js',
'D:\temp\3DEARTH\3d-earth-main2\node_modules\ajv-keywords\dist\keywords\typeof.js',
'D:\temp\3DEARTH\3d-earth-main2\node_modules\ajv-keywords\dist\keywords\index.js',
'D:\temp\3DEARTH\3d-earth-main2\node_modules\ajv-keywords\dist\index.js',
'D:\temp\3DEARTH\3d-earth-main2\node_modules\schema-utils\dist\validate.js',
'D:\temp\3DEARTH\3d-earth-main2\node_modules\schema-utils\dist\index.js',
'D:\temp\3DEARTH\3d-earth-main2\node_modules\mini-css-extract-plugin\dist\index.js',
'D:\temp\3DEARTH\3d-earth-main2\webpack.config.js',
'D:\temp\3DEARTH\3d-earth-main2\node_modules\webpack-cli\lib\webpack-cli.js',
'D:\temp\3DEARTH\3d-earth-main2\node_modules\webpack-cli\lib\bootstrap.js',
'D:\temp\3DEARTH\3d-earth-main2\node_modules\webpack-cli\bin\cli.js',
'D:\temp\3DEARTH\3d-earth-main2\node_modules\webpack\bin\webpack.js'
]
}
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! [email protected] build: webpack --mode=production --node-env=production
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the [email protected] build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\wing\AppData\Roaming\npm-cache_logs\2022-04-10T09_20_15_573Z-debug.log

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.