实际生活中物体表面的明暗效果是会受到光照的影响,threejs中同样也要模拟光照Light对网格模型Mesh表面的影响。
受光照影响材质
threejs提供的网格材质,有的受光照影响,有的不受光照影响。
不受光照影响的材质
基础网格材质MeshBasicMaterial不会受到光...
yekong
10小时前 54℃
0喜欢
添加坐标辅助
通过THREE.AxesHelper()添加坐标辅助工具。初始化一个坐标辅助工具,这里只需要一个参数就是辅助器各个线的长度。
参数
AxesHelper( size : Number )
size -- (可选的) 表示代表轴的线段长度. 默认为 1.
创建辅助坐标...
yekong
14小时前 53℃
0喜欢
threejs视频教程课程介绍
因为工作中有个项目要求渲染3d模型,自己研究了一周这一块没有研究明白,于是网上搜索threejs视频教程找到了这一款视频教程,本来视频教程Three.js物联网Web3D可视化WebGL就可以满足我的需要,不过看到WebGL/Three.js前端高...
yekong
15小时前 8℃
0喜欢
生活中如果有了景物和相机,那么如果想获得一张照片,就需要你拿着相机,按一下,咔,完成拍照。对于threejs而言,如果完成“咔”这个拍照动作,就需要一个新的对象,也就是WebGL渲染器WebGLRenderer。
前面我们创建了场景,创建了透视相机,本节我们创建渲染器来完成最终的...
yekong
19小时前 54℃
0喜欢
之前我们实践了Threejs创建场景,如果想把三维场景Scene渲染到web网页上,还需要创建透视相机,就像你生活中想获得一张照片,需要一台用来拍照的相机。
Threejs提供了正投影相机OrthographicCamera和透视投影相机PerspectiveCamera。这里我...
yekong
22小时前 56℃
0喜欢
三维场景Scene
threejs创建场景,可以把threejs的三维场景Scene理解为一个世界,只不过我们生活的世界是真实的,而threejs是虚拟的3d世界而已。
threejs提供了一个类:Scene,用Scene实例化出来的对象就可以表示三维场景。
引入threejs
...
yekong
23小时前 78℃
0喜欢
最近在看一本书《跟我学SEO从入门到精通》,作者推荐我们要有一款自己的长尾词记录单插件,我找了一下,最开始找的是Wp keyword link,但是款插件好像有10年没有更新了,没有理想中的好用了,明明其他文章里有对应的关键词,插件却没有实现连接添加,于是从新搜索,但是一直没找到...
yekong
1天前 12℃
0喜欢
纹理贴图就是通过threejs将图片贴在threejs创建的几何模型上面。创建纹理贴图模型需要大概以下几步
1.纹理加载器加载纹理
2.创建球形几何体
3.创建材质将纹理加入进去
4.创建网格模型将几何体和材质加入进去
5.创建场景将模型加入到场景中
demo地址
纹理贴图3d...
yekong
1天前 75℃
0喜欢
写给UI设计师看的数据可视化设计-读书笔记
数据可视化设计的要素有四个:
第一,设计师要有数据感,能够通过设计表达数据;
第二,能够驾驭科技感、FUI等设计风格;
第三,具备动效设计的能力,因为大屏强调动感体验;
第四,具备3D设计的能力,能够直观地展示数据可视化的真实场景
数...
yekong
1天前 24℃
0喜欢
threejs完成3d地球渲染后,接下来在地球上根据经纬度进行标记,首先取个坐标比如北京经纬度116.404844,39.917813,然后利用js经纬度坐标转球面坐标方法转换坐标。
演示实例
threejs 3d地球地图北京渲染坐标点
获取坐标
首先要将经纬度转为3d球形坐标...
yekong
2天前 23℃
0喜欢