1.首先需要创建一个矢量数据图层

  // 创建矢量数据图层const graphicLayer = new mars3d.layer.GraphicLayer()map.addLayer(graphicLayer)

2.配置飞机模型相关属性

  const graphic = new mars3d.graphic.ModelEntity({name: "飞机",position: [116.239918, 30.879709, 1208],style: {url: "//data.mars3d.cn/gltf/mars/feiji.glb",scale: 2}})graphicLayer.addGraphic(graphic)

3.配置飞机模型运动效果

  // 开始 自旋转效果graphic.rotateStart({direction: false, // 控制方向, true逆时针，false顺时针time: 30 // time：给定飞行一周所需时间(单位 秒)，控制速度})

就是这么简单，想让你的网页炫酷又实用，随时可以参观mars-3d官网(mars-3d)哦！

mars-3d 如何在你的页面炫一个3d的飞机相关推荐

Win11新特性：在平板锁屏界面还有酷炫的3D视差效果
在深入挖掘 Windows 11 系统之后,用户再次发现了隐藏的 Windows 10 Mobile 保留功能.知名破解达人 ADeltaX 表示,如果你的设备有合适的硬件,Windows 11 将在 ...
html3d轮播图片效果,炫酷3D透视轮播图特效
这是一款炫酷js和CSS3 3D透视轮播图特效.该3D轮播图通过CSS3制作图片的3D透视效果,并使用js来使轮播图于用户进行交互,效果非常炫酷. 使用方法在页面中引入style.css和index ...
python3d相册源代码_js和CSS3炫酷3D相册展示
js和CSS3炫酷3D相册展示 *{margin:0;padding:0;} body{background:url(img/bg.jpg);width:100%;height:100%;overfl ...
绝对炫的3D幻灯片-SLICEBOX
绝对炫的3D幻灯片-SLICEBOX http://www.jq22.com/jquery-info31 转载于:https://www.cnblogs.com/youngMe/p/5992123.h ...
【CSS3进阶】酷炫的3D旋转透视
之前学习 react+webpack ,偶然路过 webpack 官网 ,看到顶部的 LOGO ,就很感兴趣. 最近觉得自己 CSS3 过于薄弱,想着深入学习一番,遂以这个 LOGO 为切入口,好好研 ...
js和CSS3炫酷3D相册展示
<!doctype html> <html> <head> <meta charset="UTF"> <title>js ...
android 炫酷3d主页,五款超酷安卓手机3D桌面软件合辑推荐
3D桌面一直以来都是备受大家青睐的东西,没办法,3D桌面主题既绚丽又实用,没人会不喜欢.3D桌面给人们展示的是一个不同维度的世界,人们会感觉更立体.更逼真,色彩效果也会更加灿烂,给我们以非常好的视觉享 ...
php星空背景动态,纯CSS3炫酷3D星空动画特效
简要教程这是一款使用纯CSS3制作的炫酷3D星空动画特效.该特效中,以飞船向前快速移动为视角,所有的星星都快速的变大并向后移动,效果非常逼真. 使用方法 HTML结构该3D星空特效只使用一个元素 ...
纯CSS3炫酷3D星空动画特效
效果: 源码: <!DOCTYPE html> <html lang="zh"> <head><meta charset="UT ...

mars-3d 如何在你的页面炫一个3d的飞机

1.首先需要创建一个矢量数据图层

2.配置飞机模型相关属性

mars-3d 如何在你的页面炫一个3d的飞机相关推荐

最新文章

热门文章