纹理贴图就是通过threejs将图片贴在threejs创建的几何模型上面。创建纹理贴图模型需要大概以下几步
1.纹理加载器加载纹理
2.创建球形几何体
3.创建材质将纹理加入进去
4.创建网格模型将几何体和材质加入进去
5.创建场景将模型加入到场景中
demo地址
纹理贴图3d...
yekong
2年前 (2023-02-03)
喜欢
写给UI设计师看的数据可视化设计-读书笔记
数据可视化设计的要素有四个：
第一，设计师要有数据感，能够通过设计表达数据；
第二，能够驾驭科技感、FUI等设计风格；
第三，具备动效设计的能力，因为大屏强调动感体验；
第四，具备3D设计的能力，能够直观地展示数据可视化的真实场景
数...
yekong
2年前 (2023-02-03)
喜欢
threejs完成3d地球渲染后，接下来在地球上根据经纬度进行标记，首先取个坐标比如北京经纬度116.404844,39.917813，然后利用js经纬度坐标转球面坐标方法转换坐标。
演示实例
threejs 3d地球地图北京渲染坐标点
获取坐标
首先要将经纬度转为3d球形坐标...
yekong
2年前 (2023-02-03)
喜欢
threejs通过纹理贴图实现3d地球后，我们需要在3d地球上标注我们需要标注的信息，但是球面只有x y z坐标并没有经纬度坐标，这就需要在将经纬度坐标转为球面坐标后，再在球面上标注信息。
转换代码
/**
* 经纬度坐标转球面坐标
* @param {地球半径} R ...
yekong
2年前 (2023-02-03)
喜欢
之前学习了threejs 通过纹理贴图渲染一个地球效果，学会如何渲染一个地球的效果，今天要学习3d地球如何和经纬度坐标对应。
演示实例
threejs 3d地球与经纬度的对应演示实例
通过图片我们可以知道球面和经纬度的大概关系。
接下来我们来在球面上指定位置绘制一个小球，为接下...
yekong
2年前 (2023-02-03)
喜欢
ui设计
千红ui设计 如需进行ui设计可以联系我们哟 微信同手机 17331886870.
开发环境
vue2
页面demo演示
首页
检验监测
计量服务
标准服务
认证认可
供需大厅
知识产权
ui效果展示
锐骐-首页
检验监测
计量服务
标准服务
认证
供需大厅
...
yekong
2年前 (2023-02-02)
喜欢
数据可视化大屏-生产数据中心案例展示,页面主要以环形图，折线图等效果展示，使用wowjs来实现动画效果。
如果您需要设计属于自己的数据可视化大屏 请联系我们微信:17331886870
ui设计
由UI设计师提供数据大屏psd源文件
开发环境
普通html+js
分辨率
1920...
yekong
2年前 (2023-02-02)
喜欢
数据可视化大屏-5g芒市工业区,从上到下的展开的动画效果,地图里的元素可以自动切换并且点击后弹窗信息。页面有折线图 饼状图 3d饼状图等元素。
如果您需要设计属于自己的数据可视化大屏 请联系我们微信:17331886870
ui设计
由UI设计师提供数据大屏psd源文件
开发环境...
yekong
2年前 (2023-02-02)
喜欢
ui设计
由UI设计师提供数据大屏设计图源文件
如果您需要设计属于自己的数据可视化大屏 请联系我们微信:17331886870
开发环境
普通html加vue
分辨率
客户要求两个分辨率
1920 * 1080 3840 * 2160
数据
数据为独立出来的json格式，客户要求...
yekong
2年前 (2023-02-02)
喜欢
常见的数据大屏设计尺寸是根据当前电脑显示分辨率来的一般都是1920*1080.
如重要目标预警与智慧分析系统数据大屏UI设计案例这款数据大屏的尺寸就是1920 * 1080.当然除了1920 * 1080的外还有其他尺寸的，比如有些大屏页面是要求在4k显示器上显示，所以尺寸要求是...
yekong
2年前 (2023-02-02)
喜欢
