基于ThreeJS的3D地球

第一次接触threeJS,说实话,挺脑瓜子疼的!

功能:3D地球(纹理贴图),地球上添加标记点(经纬度),点击标记点弹出对应的信息框,地球入场动画,相机移动动画等。

先开效果图吧

一:添加必要的依赖

yarn add three
yarn add tween
import * as THREE from "three"
import { OrbitControls } from "three/examples/jsm/controls/OrbitControls.js"
import * as TWEEN from "tween"

二:组件代码





三:父组件中的代码






四:项目gitee地址

mythree: 基于three的3D地球案例

你可能感兴趣的:(地图,VUE,3d,前端,vue.js)