首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Planetary.js 旋转地球插件

Planetary.js 是一款生成可交互地球模型的插件。 简介 Planetary.js 可以生成一个性能(UI)良好可交互的地球。...官网:http://planetaryjs.com/ Github:https://github.com/BinaryMuse/planetary.js 特点 完全可定制,包括颜色,旋转等等 在任何具有自定义颜色和大小的位置显示动画...与 json 文件下载 核心 js 有三个,名字叫 d3.v3.min.js、topojson.v1.min.js 和 planetaryjs.min.js 需要使用的文件名字叫 world-.../dist 使用方法 拿到文件后可以放在静态网页的某个文件夹,也可以放到自己的图床里,也可以直接引用原始的 js 文件,总之可以访问到就可以 注意 :直接本地运行是不能显示地球的,需要在 web...planet.projection.rotate(rotation); lastTick = now; } }); }; };})(); 之后可以加入数据来让他展示指定地球上的位置

4.1K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Threejs入门之十一:创建旋转地球

    经过前面几个章节的介绍,我们对Threejs已经有了一个相对深入的了解,下面我们通过Threejs来做一个旋转地球效果。....拷贝资源,将Threejs源码中的three.module.js拷贝到js文件夹,将地图的贴图文件拷贝到images文件夹 3.用vscode打开earth文件夹,在根目录下新建index.html文件.../js/three.module.js" } } 4.在css文件夹新建style.css文件,清空浏览器默认样式,并将style.css文件在index.html...webgl').appendChild(renderer.domElement)创建循环调用函数 创建animation函数,在函数里面调用earth.rotation.y += 0.01,使其每次渲染都旋转...,并自动旋转 至此,旋转地球已经创建完成,完整的代码和地球贴图材质可以通过以下地址下载:https://download.csdn.net/download/w137160164/87650456核心代码如下

    1.5K10

    Carousel 旋转画廊特效的疑难杂症

    疑难杂症 该画廊特效的特点就是前后元素有层级关系。 我想很多人应该看过或者用过这个插件carousel.js,网上也有相关的教程。不知道这个插件的原型是哪个,有知道的朋友可以告诉我。...如果图片只有三张,旋转过度时会出现如下的交叉紊乱(没发现的多试几次)。 See the Pen carousel by Zongbin Niu (@nzbin) on CodePen....类似插件 我试图寻找类似的插件,想看看别人的处理方法,但令人遗憾的是,大多数类似特效如果只有3张图片时也会出现奇怪问题。最终还是找到了几款非常优秀的旋转画廊插件。...1.roundabout.js 官网:http://demo.niutuku.com/js/20/3/ See the Pen roundabout by Zongbin Niu (@nzbin) on...2.featureCarousel.js 官网:http://www.bkosborne.com/jquery-feature-carousel See the Pen featureCarousel

    1.1K50
    领券