在实际应用中,透视投影相机的规则是远小近大,相机距离目标观察点距离越远,目标模型显示越小,距离越近显示越大.
对于透视投影相机而言,OrbitControls缩放,本质上就是改变相机的位置属性.position.
这就是说如果你想控制缩放范围,就是约束相机位置.position的...
yekong
2年前 (2023-02-28)
喜欢
threejs 控制正投影相机的缩放范围,对于正投影相机对象 OrthographicCamera,可以通过相机控件OrbitControls 的.minZoom和.maxZoom属性实现
正投影相机设置最小范围
controls.minZoom = 0.5
正投影相机设置最...
yekong
2年前 (2023-02-28)
喜欢
threejs在进行调试的时候,为了方便我们知道光源的位置,我们可以使用PointLightHelper来实现添加可视化点光源,从而更直观的了解到光源在3d项目中的作用。
// 添加光源
const pointLight = new THREE.PointLight(0xffff...
yekong
2年前 (2023-02-28)
喜欢
比如一个展示一个三维场景,你不希望鼠标右键拖动会产生一个平移效果。
相机控件OrbitControls有很多属性,我们可以通过属性设置来进行相关操作。
禁止右键拖拽
可以通过设置相机空间对象OrbitControls的.enablePan 属性,
查看OrbitControls源...
yekong
2年前 (2023-02-28)
喜欢
设置材质半透明,这样可以看到坐标系的坐标原点。
在项目开发中会遇到类似的需求,比如点击模型后,让模型以半透明的形式展示。
const material = new THREE.MeshBasicMaterial({
color: 0xeeeeff, //红色材质
...
yekong
2年前 (2023-02-28)
喜欢
智慧城市3D可视化WebGL介绍
《Three.js智慧城市3D可视化WebGL》主要介绍three.js在智慧城市或园区项目中的应用,比如代码自动批量生成海量3D建筑,各种常用的特效shader。
学习本课程需要前端和three.js基础
学习建议:每节课都有对应的案例源码,一...
yekong
2年前 (2023-02-19)
喜欢
《地球Web3D可视化WebGL Three.js》课程一共有50节课程,课程时间长短不一.
课程价格
《地球Web3D可视化WebGL Three.js》课程价格为168元
购买课程可以联系本人购买,购买有折扣。不提供盗版教程,不卖账号。
如果你购买了《WebGL/Three....
yekong
2年前 (2023-02-19)
喜欢
因为舍不得花钱,一开始我并没有打算购买threejs的课程,但是在做的数据可视化大屏 项目中,需要渲染3d模型,3d可视化案例 3D工厂和3d可视化案例 利库这两个模型就是当时项目中需要渲染的模型。
起初我觉得购买课程太费钱了,所以就想着自己研究,于是花费了一周的时间来研究效果,...
yekong
2年前 (2023-02-12)
喜欢
threejs 在渲染完模型后,一般初始的大小和角度并不合我们的心意,这就需要我们手动调整了,但是手动调整又不好控制精度,之前的一个数据可视化大屏 项目,要调整3d模型的角度和大小,自己手动调外加显卡配置太低电脑卡顿的恨不得给主机来两锤,让它运行快一点。那时候还对threejs不...
yekong
2年前 (2023-02-09)
喜欢
由于项目需要,数据大屏要渲染3d模型,这对我是一个陌生的领域,不懂咋办,东寻西觅终于让我找到一款详细的threejs视频教程,总课时595节,这么多的threejs视频课程看完后,我必将神功大成,完美。
视频开始观看,老师的视频真全乎哈,每一节基本都有代码实例,nice,都不用动...
yekong
2年前 (2023-02-08)
喜欢