二.晨昏线 为地球添加晨昏线或渐变色，可使整个地球看起来不会过于扁平，更加立体。...三.行政区划 行政区划线的添加主要是丰富地球元素，可为行政区划线添加动态效果，为地球增添科技感，行政区划线可按需求来调整粗细或明暗强度，需要重点表达的部分可以适当增加其粗细或明暗。...五.地球模型 使用添加地球模型的方式为地球添加科幻效果，制作模型时可以添加适当的贴图动画，为整体视觉增效。...六.地球粒子 使用地球粒子功能，为地球添加1层或多层粒子，注意粒子数量不宜过多，适当点缀即可，粒子颜色要与地球颜色相呼应，粒子贴图不宜太过复杂，简单的基本图形即可。...八.地球背景 为地球添加背景或天空盒使整个画面更加丰满，注意整体画面的层次，相对于地球，背景或天空盒的颜色要比地球更深，能更好的突出地球，可以适当做一些具有空间感的图片作为背景。
是一个非常有创意和新意的网站博客免费统计，采用Revolver Maps Graphics Engine图形引擎，除了提供Java 版本，另一个为Flash 版本，即使你的访问者的浏览器没有安装Flash也可以用Java来观看3D...地球仪统计。...与普通的统计不一样的是，Revolver Maps 2.0 3D地球仪统计的左下方会有一个方向按钮，你可以用它来控制地球仪的旋转和导航等等。...访问者是以一个小点在地球仪上显示的，并且最近的访问者都会显示其国旗及所在的城市作为标记。...Revolver Maps 2.0的应用版本非常多，包括了RevolverMaps Standard 标准版（此版本使您能够控制缩放和旋转地球仪）、RevolverMaps Mini 迷你版（即时显示所有访客位置和最近的点击
展示效果视频： 漫天花雨HTML+3D相册特效 什么是HTML特效？ HTML特效是指在网页中使用各种技术和代码来实现动态效果的一种方式。这些效果可以是动画、过渡、交互和其他视觉效果。...HTML特效可以在不影响网页性能的同时增强用户体验。 HTML特效的作用是什么？ HTML特效可以增强网页的视觉吸引力，使其更加生动有趣。...通过使用HTML特效，可以使网页更具有交互性，从而提高用户的参与度和留存率。此外，HTML特效还可以帮助网站吸引更多的访问者，从而提高网站的流量。 如何使用HTML特效？...总结HTML特效 HTML特效可以使网页更加生动有趣，从而提高用户体验和留存率。通过使用CSS3过渡效果、CSS3动画、JavaScript交互效果和SVG图像等技术，可以使网页更加炫酷。...空间采用何种渲染方式：保存3d效果 有两个值： 1.flat（默认）不带任何3d效果 2.preserve-3d：保存3d效果 */ -webkit-transform:rotateX(13deg
http://www.hightopo.com/demo/Plucker/ 代码实现 创建场景 首先是创建一个三维场景（https://hightopo.com/guide/guide/core/3d.../ht-3d-guide.html），通过将场景中的元素添加到保存数据的数据容器（https://hightopo.com/guide/guide/core/datamodel/ht-datamodel-guide.html...但如果父容器是原生的 html 元素， 则 HT 组件无法获知需要更新，因此最外层的 HT 组件一般需要监听 window 的窗口大小变化事件，调用最外层组件 invalidate 函数进行更新。...window.addEventListener('resize', function () { self.iv(); }, false);//窗口大小改变事件，调用刷新函数 } 整个大环境搭建好了后，我们需要向场景中添加 3D...前面代码中出现的 form 表单(https://hightopo.com/guide/guide/plugin/form/ht-form-guide.html)，是通过 createForm 方法创建的
http://hightopo.com/demo/3DRoom/index.html 这个 3D 机房的 Demo 做的还不错，比较美观，基础的交互也都满足，接下来看看怎么实现。...代码生成 定义类 首先从 index.html 中调用的 js 路径顺序一个一个打开对应的 js，server.js 中自定义了一个 Editor.Server 类由 HT 封装的 ht.Default.def...form.setVPadding(0);//设置表单顶部和顶部与组件内容的间距 form.addRow([null, {//向表单中添加一行组件，第一个参数为元素数组，元素可为字符串、json格式描述的组件参数信息、html...this.isSelected()); } } }, null], [40, 42, 218, 300, 0.1, 50, 10, 50, 10]); 以上都只是能实现，但是并没有真正地添加进 html...但如果父容器是原生的 html 元素， 则 HT 组件无法获知需要更新，因此最外层的 HT 组件一般需要监听 window 的窗口大小变化事件，调用最外层组件 invalidate 函数进行更新。
如图，3D 地图是一个比较炫的组件，在这借官方示例「ECharts-GL Hello World」学习一下 3D 地图及飞线图的基本使用。...首先准备一个 3D 地球 option.globe= { baseTexture: "..../earth/pisa.hdr', diffuseIntensity: 0.2 } } } option.globe.baseTexture：地球的纹理...option.globe.heightTexture：地球的高度纹理 option.globe.displacementScale：地球顶点位移的大小。...可以从 http://www.hdrlabs.com/sibl/archive.html 等网站获取 .hdr 的资源 option.globe.light.ambientCubemap.diffuseIntensity
说明：这个不是GIS软件，是一个带地形的三维地球。...可在线加载全球地形，也可离线运行，运行流畅无卡顿，占用内存小，最大等级可达到地图20级 本数字地球全部由作者自由开发完成，未使用任何第三方插件，拥有完全知识产权。...视频Unity3d版数字地球、谷歌地球（google earth）_哔哩哔哩_bilibili 更新说明： 2021年12月15日更新：日出、日落、大气散射、蓝天效果。...另外，可用于数据可视化的地球见我的另一篇博客：Unity3d版数字地球、大数据可视化地球_zouxin_88的专栏-CSDN博客 版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。...发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/191733.html原文链接：https://javaforall.cn
中途改了题意没看到瞎做半天hhh #include <bits/stdc++.h> #define ll long long using namespace ...
本例地址：http://www.hightopo.com/demo/pipeline/index.html ?...，s3 是 HT 封装的设置 3D 节点大小的 setSize3d 函数的简写，最后将这个节点添加进数据模型 dataModel 中： var createNode = function(dm) {//...环形模型，将其命名为‘custom’： ht.Default.setShape3dModel(//创建模型 根据xy平面的曲线，环绕一周形成3D模型。...HeatMap 热图上做文章，效果依旧很炫，具体地址http://hightopo.com/guide/guide/plugin/forcelayout/examples/example_heatmap3d.html...界面上的图形全部绘制完毕，剩下的就只有 form 表单，首先将 form 表单添加进 HTML 页面，用的是 HT 封装的 ht.widget.FormPane 函数： var formPane = new
DOCTYPE html> 3D旋转相册 * { padding: 0; margin: 0; } body, html { height: 100%; } /* 背景图片在这里设置 */...="images/8.jpg" /> </html...pan.baidu.com/s/1KrmOu-DVCN4kOSy_pPmvUw 提取码: yef9 发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/132186.html
基于HTML的3D立方体相册 代码下载地址：https://download.csdn.net/download/qq_44273429/13996508 HTML代码： CSS代码： * { margin: 0px; padding: 0px; } html { overflow
在3D拓扑上可以创建各种各样的图元，在HT for Web系统中提供了一些常规的3D模型，但是对于那些比较复杂的模型，比如汽车、人物等模型就无能为力了，那再项目中需要用到这样的模型该肿么办呢？...模型后，我们马上创建了一个3D图元，并将其添加到了dataModel容器中，这时我们需要一个3D拓扑来显示这个3D图元，具体的创建代码如下： var dataModel = new ht.DataModel...到这里，模型就算完成了，接下来要做的就是让螺旋桨动起来，和2D叶轮旋转类似，在3D模型上也可以做数据绑定，要想让螺旋桨旋转起来，我们就需要设置螺旋桨的rotation属性，和3D上的图元不同的是，设置3D...http://v.youku.com/v_show/id_XMTI5NDI5MzYyOA==.html http://www.hightopo.com/guide/guide/plugin/obj/ht-obj-guide.html...DOCTYPE html> HT for Web - Plane <meta charset="UTF-
本例地址：http://www.hightopo.com/demo/pipeline/index.html ?...，s3 是 HT 封装的设置 3D 节点大小的 setSize3d 函数的简写，最后将这个节点添加进数据模型 dataModel 中： var createNode = function(dm) {//...环形模型，将其命名为‘custom’： ht.Default.setShape3dModel(//创建模型 根据xy平面的曲线，环绕一周形成3D模型。...HeatMap 热图上做文章，效果依旧很炫，具体地址 http://hightopo.com/guide/guide/plugin/forcelayout/examples/example_heatmap3d.html...界面上的图形全部绘制完毕，剩下的就只有 form 表单，首先将 form 表单添加进 HTML 页面，用的是 HT 封装的 ht.widget.FormPane 函数： var formPane = new
看到有一个网站上在卖的图表，感觉挺好看的，就用 HT for Web 3D 做了一个小例子，挺简单的，也挺好看的，哈哈~ Demo 地址： http://www.hightopo.com/demo/WireframeAnim.../index.html 这个例子用 HT 实现真的很容易，首先创建一个 HT 中最基础的 dm 数据模型，然后将数据模型添加进 g3d 3d 组件中，再设置 3d 中的视角并把 3d 组件添加进 body...]/2, p3[2]]); node.s3(s3); dm.add(node); 其中要说明的是，'shape3d':cylinderModel 这个样式的设置，首先，shape3d 属性指定显示为 3d...最后是 3d 文字，呈现 3d 文字需要一个 json 格式的 typeface 字体，然后通过 ht.Default.loadFontFace 来加载 json 格式的字体到内存中，详情请参考 HT...for Web 3D 手册： ht.Default.loadFontFace('.
上个月我们发布了一篇文章《基于HTML5 WebGL 构建智能城市 3D 场景》，大体介绍了如何使用ht.js 快速3D 建模，展示了良好的可视化效果，今天继续探讨智慧城市的应用。 ...上图主要以 2/3D联动的方式，依次展示了在面对突发情况下，城市应急救援的响应过程。...现场方案启动->人员进场->作业中） 实现思路：首先对模型进行分组，并在相应的图元上标记tag，使用ht.Default.startAnim() 来完成每一步的动画效果，然后拼接动画即可实现上图中的3D...常规的2D 效果图已经不满足于当下的需求了，伴随着大数据、云计算、5G、AI、边缘计算等技术的发展成熟，3D 可视化更能直观的、有效的反馈信息。当然，3D可视化离不开一款强大的图形引擎。...3D 漫游可以提供很好的用户交互体验，所以本demo 也展示了这一功能。 借助于HT，漫游功能的实现只要几行代码就可以实现了。
我是用 HT 做的整个例子，首先创建 3D 场景，HT 有 3D 组件，可以直接通过 new ht.graph3d.Graph3dView 3D 组件来创建一个实例，然后通过 getView() 函数获取组件的底层...ht.DataModel();//数据容器，可以将显示在界面上的所有数据通过 dataModel.add 存储在数据容器中 g3d = new ht.graph3d.Graph3dView(dm);//3D...组件 g3d.addToDOM();//将 3D 组件的底层 div 添加到 body 中 HT 的组件一般都会嵌入 BorderPane、SplitView 和 TabView 等容器中使用，而最外层的...但如果父容器是原生的 html 元素， 则HT组件无法获知需要更新，因此最外层的 HT 组件一般需要监听 window 的窗口大小变化事件，调用最外层组件 invalidate 函数进行更新。...双击空白处可以使得隧道变得可选中 }); } }); } }); 本文例子地址：http://www.hightopo.com/demo/tunnel/index.html
作者主页：海拥 作者简介：CSDN全栈领域优质创作者、HDZ核心组成员、蝉联C站周榜前十 HTML5制作3D樱花漫天飞舞及浪漫信封 浪漫信封：http://haiyong.site/eluvletter...3D樱花漫天飞舞：http://haiyong.site/yinghua 浪漫信封 HTML 内容 <section...樱花漫天飞舞在线演示地址：http://haiyong.site/yinghua HTML5制作3D樱花漫天飞舞及浪漫信封 [代码] 如果你在复制上述代码时遇到困难，可以通过下面的方式来创建此项目（使用...JavaScript 的 3D樱花漫天飞舞及浪漫信封） 希望通过本教程，你也可以使用 HTML5制作3D樱花漫天飞舞及浪漫信封。...作者立志打造一个拥有100个小游戏/工具的摸鱼网站，更新进度：50/100 我已经写了很长一段时间的技术博客，并且主要通过CSDN发表，这是我的一篇关于如何使用 HTML5制作3D樱花漫天飞舞及浪漫信封
本 demo 使用 HT for Web 产品轻量化 HTML5/WebGL 建模的方案。...整理思路： 场景部分： 这里把 3D 当做背景嵌套在 2D 场景中。 这样在初始化图纸的时候，直接反序列化 2D 图纸即可。...事件部分： 2D 图纸中有很多的按钮，通过它们来控制 3D 中的一些动画。 ...实现思路是在反序列化图纸的时候把 2D、3D 的 模型和视图对象挂载到 window 上，这样在不同的场景中都可以获取到相应的数据模型。...环境部分： 风速、风向、变桨角度这些会在 2D、3D 中所表现，所以可以把他们放到数据池里面，方便管理。
点击下载来源：谷歌地球(Google Earth) 7.3.2.5776 谷歌地球(Google Earth)是一款Google公司开发的虚拟地球仪软件，它把卫星图像、地图、百科全书和飞行模拟器整合在一起...，布置在一个地球的三维模型上。...当你打开谷歌地球(Google Earth)，首先映入眼帘的是地球在宇宙中的画面，画面特别好看，使用起来特别舒服。...数据导入 导入新数据，丰富了google earth既有的强大的数据库，更新更全面； 6、提供3D地形和建筑物 新版的google earth的一个重大突破在于提供了3D地形和建筑物，浏览视角还支持倾斜或旋转...发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/191907.html原文链接：https://javaforall.cn
周末闲来无事，反复查阅着维基百科，在一个个链接间跳转，总结出这篇博客，记述地球的起源与地质的变迁 地球诞生 — 46亿年前 138亿年前，宇宙从大爆炸中诞生，此时的宇宙充满了高密度、高温高压的物质...地壳与原始大气和海洋的诞生 — 冥古宙(46亿年前 ~ 38.4亿年前) 接下来，我们就将目光聚焦到宇宙中的地球上 46亿年前，地球伴随着太阳系的诞生而诞生，这之后的不久，一个名为“忒伊亚”的小行星飞速向地球飞来...，在这个火星般大小的星球与地球撞击之后，月球形成了 后期重轰击期(41亿年前 ~ 38.4亿年前) 起初，地球是一个岩浆球，炽热的岩浆不断聚合、冷却 然而，刚刚诞生的地球并非如同一个婴儿般享受着刚刚来到这世上的平静...以月球的东海撞击事件为标志，后期重轰炸期结束，38.4亿年前，横跨900公里的月球东方海形成后，太阳系中的撞击事件显著减少，地球形成稳定 总结 起初人们都认为，整个冥古宙地球都处于融化态，直到冥古宙末期...，极地冰盖扩展到赤道，很多地质学家相信当时的地球成为了一个雪球，海洋也完全冻结 火山喷发的二氧化碳因地球生物不能光合作用而逐步累积，最终形成的温室效应才使得地球走出冰封 埃迪卡拉纪(6.35亿年前 ~
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
