threejs项目开发过程中,发现模型在加载了环境贴图后和没有加载环境贴图模型有明显的差异。所有查询了一下环境贴图在项目中起了什么作用。
未加载环境贴图hdr前
加载环境贴图hdr后
加载HDR (High Dynamic Range) 图像并将其设置为场景环境贴图主要有以下...
yekong
3个月前 (08-24)
喜欢
在数据可视化大屏项目开发中,我们可能需要在大屏中渲染3d模型,在使用threejs渲染模型出来后,发现模型是纯黑色的,这不是预期的效果,因为在blender中,模型是有纹理颜色的。
blender渲染效果
threejs渲染效果
增加灯光
// 添加环境光
...
yekong
3个月前 (08-09)
喜欢
之前的一个数据可视化大屏 项目开发中,有一个要求是需要进行3d环绕旋转的效果,这个效果之前有个案例demo中看到过,是通过css的matrix3d方式实现的,css实现方式,但是这个demo的css太长了,如果按照这个来写的话,实在是困难,首先每一个的css都特别长,写10几个的...
yekong
6个月前 (05-29)
喜欢
推荐
推荐新的方法:vue vr实现全景看房并添加标注,兼容移动端
vr全景看房通过创建多个立方体盒子,并给立方体盒子是6个方位添加图片,将视角设置为立方体盒子中心通过鼠标调整视角视角达到vr全景看房的效果。
动态效果
创建加载进度
创建一个div当我们的资源加载时,显示这些...
yekong
6个月前 (05-19)
喜欢
vr全景看房,在实现VR全景查看房间后,我们还需要进行VR全景看房实现场景房间切换效果。
推荐
推荐新的方法:vue vr实现全景看房并添加标注,兼容移动端
创建多个房间
VR全景看房,要切换房间,首先要有多个房间可供切换,所以我们需要创建多个房间。
因为要创建多个房间,所以我们...
yekong
6个月前 (05-19)
喜欢
VR全景看房实现场景房间切换效果,当我们实现了房间切换后,我们还需要添加一个小地图,小地图的作用就是标记位置,告诉用户自己当前所处的位置
推荐
推荐新的方法:vue vr实现全景看房并添加标注,兼容移动端
创建地图
这里使用一个图片作为小地图,定位到左下角,用来表示房间的房型,...
yekong
6个月前 (05-19)
喜欢
VR全景看房当我们实现了VR全景看房房间切换以及地图动画,还需要再进行优化,因为图片过多过大,我们需要一段时间来加载这些图片,这时候我们就需要一个进度提示,让访客知道图片加载进度。
推荐
推荐新的方法:vue vr实现全景看房并添加标注,兼容移动端
创建加载进度
创建一个div当...
yekong
6个月前 (05-19)
喜欢
threejs 3d机房点按钮,相机飞行靠近观察设备
效果演示:
threejs 3d机房点按钮,相机飞行靠近观察设备
效果截图:
threejs 3d环绕效果实例实例
效果演示:
threejs 3d环绕效果实例实例
效果截图:
Three.js实现太阳系实例
效果演示:
...
yekong
7个月前 (04-25)
喜欢
three.js中的Box3是一个用于表示3D空间中的轴对齐包围盒(Axis-Aligned Bounding Box, AABB)的类。它主要用于表示物体在世界坐标中的边界框,方便开发者判断物体与物体、物体与平面、物体与点之间的空间关系,如相交、包含等。Box3的使用可以提高...
yekong
8个月前 (04-07)
喜欢
在Three.js中,preserveDrawingBuffer是一个配置选项,用于指定是否保留绘图缓冲区直到它被手动清除或覆盖。这个选项在创建THREE.WebGLRenderer时作为参数传入。默认情况下,preserveDrawingBuffer的值是false,这意味着每...
yekong
8个月前 (04-07)
喜欢