Three.js
YanisWu
技术不是一蹴而就,每天进步一点是一点
展开
-
Three.js 绘制动态模型
three.js动态绘制模型原创 2023-09-13 16:27:32 · 299 阅读 · 0 评论 -
Three.js使用OrbitControls后修改相机旋转方向无效
three.js下使用OrbitControls控制器后修改相机旋转角度。原创 2023-07-07 14:44:49 · 3066 阅读 · 2 评论 -
Three.js修改模型亮度
修改模型的亮度就是修改模型材质上的颜色属性,通过rgba颜色值乘以一个系数。原创 2023-04-04 10:06:49 · 987 阅读 · 0 评论 -
Three.js移动端双指触屏控制旋转和缩放
Three.js,微信小程序,AR,触屏操作原创 2023-02-09 18:16:17 · 1558 阅读 · 0 评论 -
Three.js shadow阴影被剪切
three.js shadow 阴影原创 2022-09-15 15:05:28 · 411 阅读 · 0 评论 -
Three.js添加父物体
three.js设置父物体组别原创 2022-08-24 16:21:45 · 1178 阅读 · 0 评论 -
three.js 物体的简单拖拽功能
1.准备 DragControls.js<scriptsrc="lib/controls/DragControls.js"></script>2.实现这里只给出关键代码如下://需要拖拽物体的数组,将需要拖拽的物体Push到数组内即可vardargObjects=newArray();//添加拖拽控件functioninitDragControls(){//初始化拖拽控件vardragCont...原创 2020-05-18 15:28:50 · 2257 阅读 · 0 评论 -
Three.js 计算两点的距离
方法:.distanceTo ( v : Vector3 ) : Float计算该向量到所传入的v间的距离。示例:var pos1 = new THREE.Vector3( 0, 1, 0 );var pos2 = new THREE.Vector3( 1, 1, 1);var distance = pos1.distanceTo(pos2);原创 2020-05-13 16:12:41 · 5683 阅读 · 0 评论 -
Three.js 切换相机
假设有两个相机根据需求进行切换.首先创建两个相机:camera=newTHREE.PerspectiveCamera(50,window.innerWidth/window.innerHeight,0.01,1000);camera.position.set(10,60,80);scene.add(camera);vrCamera...原创 2020-04-28 15:45:05 · 1517 阅读 · 1 评论 -
Three.js 实现透明背景
例如中间放一个模型,背景透明通过相机可以看到现实环境,类似AR展示的效果.1.Renderer渲染器设置:renderer=newTHREE.WebGLRenderer({//抗锯齿属性,WebGLRenderer常用的一个属性antialias:true,alpha:true});renderer...原创 2020-04-27 20:26:02 · 3436 阅读 · 0 评论 -
Three.js:物体隐藏或显示
项目中经常遇到物体对象的隐藏或显示,查看源码源码Object3D里有this.visible=true属性;可通过visible实现:var object=scene.getObjectByName("objectName");//物体隐藏object.visible = false;//物体显示object.visible = true;...原创 2020-04-27 11:39:29 · 2896 阅读 · 1 评论 -
Three.js:获取场景中的对象
场景的对象最重要的几个函数及其属性:场景是 three.js的三大组件之一,它的作用基本上是渲染过程中你想用到的所有物体、光源和相机的容器:下表是对最重要的函数及其属性的总结:函数/属性 描述 add(Object) 在场景中添加对象 children 返回一个场景中所有对象的列表,包括相机和光源 getChildrenByName(name) 创建对象...原创 2020-04-27 10:48:23 · 4351 阅读 · 1 评论 -
Three.js实现多个物体以中心位置各自向周围移动
本人原本是做Unity3D开发的,由于工作原因学习了一下Three.js,花了点时间写了一个小功能。写惯了C#,有点不适应js的写法,写的不好的地方,希望有人能指正。<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title&原创 2018-08-06 09:14:52 · 3651 阅读 · 0 评论