文章转自微信公众号 心上莲花处处开
我童年的寒暑假，大部分时间都是在乡下的姑姑家度过。
有一天早上，我起来晨读，姑姑跑过来打断我，喊我一块去抱条狗回来养，这下可把我给兴奋的，弄条狗狗回来玩，得劲！
随手抄了个馒头，就跟着姑姑沿着土路，往山里走去。
到了人家里的院子，看到一窝小奶狗...
2年前 (2023-02-08)
喜欢
随着物联网的发展，数据大屏可显示的内容也越来越丰富了，更多的客户希望在自己的数据大屏中增加3d元素。今天讲一下数据大屏的3d是怎么做的？
由于本人是前端开发，所以从前端开发的角度来对数据大屏的3d制作流程进行描述。
数据大屏的3d是怎么做的-客户需求
要在数据可视化大屏 中显示3...
2年前 (2023-02-08)
喜欢
web 汽车3d建模演示截图
...
2年前 (2023-02-08)
喜欢
昨天有访客询问threejs 3d地图修改高度的问题，访客不想要这种高低不平的效果，而是希望地图能够一样平整，地图的高度是通过depth来控制的，我们直接搜索代码中这个字段将其统一成我们需要的数字就可以了。
修改3d地图高度前
修改3d地图高度后
...
2年前 (2023-02-08)
喜欢
threejs 高光网格材质MeshPhongMaterial受光照影响。
MeshPhongMaterial 可以实现MeshLambertMaterial 不能实现的高光反射效果。对于 高光效果，你可以想象一下，你在太阳下面观察一辆车，你会发现在特定角度和位置，你可以看到车表...
2年前 (2023-02-07)
喜欢
threejs 平面图形，默认正面可以看到背面看不到。我们可以通过side进行设置
单面可见
通过side:THREE.FrontSide设置单面可见
// 创建圆形平面
const geometry = new THREE.CircleGeometry(50)
// 创建对象材...
2年前 (2023-02-07)
喜欢
创建长方体
参数 长宽高
// 创建长方体
const geometry = new THREE.BoxGeometry(50, 50, 50)
// 创建对象材质
const material = new THREE.MeshLambertMaterial({
col...
2年前 (2023-02-07)
喜欢
threejs 设置背景色，如果我们希望给threejs一个特定的背景色的话，可以通过setClearColor来设置指定颜色来实现。
设置背景颜色
var renderer = new THREE.WebGLRenderer({
antialias: true, //开...
2年前 (2023-02-07)
喜欢
如果你有web前端基础，应该了解window对象，设备像素比.devicePixelRatio是 window对象的一个属性，该属性的值和你的硬件设备屏幕相关，不同硬件设备的屏幕window.devicePixelRatio的值可能不同，可能就是1、1.5、2.0等其它值。
查看...
2年前 (2023-02-07)
喜欢
threejs 在没有开启抗锯齿的情况下，边缘会有锯齿，如果不想要这些锯齿的话，可以通过设置antialias去除。
开启抗锯齿方法
const renderer = new THREE.WebGLRenderer({
antialias: true //开启抗锯齿
}...
2年前 (2023-02-07)
喜欢
