weixin_40856652的博客

/ 对当前的几何体应用矩阵变换，所有的点都左乘法矩阵（矩阵是列主序的矩阵， 向量也是列向量， 所以是左乘）// 2. 旋转、平移、缩放方法geometry 不是 Object3D 的子类实例所以不能使用 Object3D 的方法， geometry 也没有 position，rotation， scale等属性， 所以也不能使用 position.set()之类的方法，geometry 的变换都是直接作用在点坐标上的，相当于直接修改了顶点的坐标位置，也就是 position 属性。

three.js建筑灯光秀效果（模拟城市灯光秀）

在项目中遇到要实现地板倒影效果，threejs给我们提供了Reflector，可以轻松完成镜面效果，实现倒影。但背景不透明；只能显示镜面倒影，但镜面下面的地板却无法显示，并且反射出的倒影太亮了；网上没搜到解决方案， 自己修改了下源码实现了想要的效果，做个记录：

项目中用到了UnrealBloomPass实现发光效果， renderer.setClearColor设置渲染背景透明度无效，这里对解决方法做个记录

在项目中遇到要实现倒影效果，threejs给我们提供了Reflector，可以轻松完成镜面效果，实现倒影。但背景不透明；并且反射出的倒影太亮了；网上没搜到解决方案， 自己修改了下源码实现了想要的效果，做个记录...

记录在vue中使用threejs步骤

threejs非全屏下（或者说画布左边和上边与窗口的左边和上边有距离时）使过THREE.Raycaster来选中物体时会发生错位的问题。

threejs中让场景跟随浏览器窗口大小自适应

threejs添加天空盒

使用 ThreeBSP 库里可以进行现有模型的组合，分别是:差集(相减)、并集(组合、相加)、交集(两几何体重合的部分

three.js创建及使用纹理贴图；给立方体六个面设置不同的纹理贴图

three.js 设置雾化效果（Fog）

threejs使场景中物体产生阴影(并设置阴影分辨率)

trheejs中常用灯光总结

threejs 实现场景漫游效果（相机沿着自定义轨道移动）

智慧城市炫酷效果、threejs绘制道路、TubeGeometry实现道路流光效果

智慧城市炫酷效果、threejs绘制道路、shader实现道路流光效果

threejs的转场动画 (基于Tween实现)、平滑切换场景

threejs动画（Animation system）

maptalks更换底图（自定义底图）

threejs、webgl、shader、3D、光墙效果。使用shader实现楼宇扫描效果并添加点击选中效果，three.js添加点击事件

智慧城市、酷炫动效,threejs、webgl、shader、3D、光墙效果。使用shader实现楼宇扫描效果

智慧城市、酷炫效果、threejs、webgl、shader、3D、光墙效果。使用shader实现光墙效果

threejs、webgl、shader、3D、飞线效果。使用shader实现飞线效果

智慧城市、酷炫效果、webgl、threejs、shader、3D、shader实现雷达扫描效果

home1_left.jpghome1_right.jpghome1_top.jpghome1_bottom.jpghome1_front.jpghome1_back.jpghome2_left.jpghome2_right.jpghome2_top.jpghome2_bottom.jpghome2_front.jpghome2_back.jpg

一、效果演示最近看到贝壳找房里的VR看房，感觉挺有意思；就试着仿照实现了一下。在这里做一个学习记录。二、代码<script> // 记录当前是在哪个房间 let currentHome = 'home1'; // 纹理加载器 let loader = new THREE.TextureLoader(); // 加载所需要的纹理图片 let texture1 = loader.load('./img/home1_left.jpg')

1、问题描述： 在three.js中加载图片作为纹理贴图时， 页面加载完后贴图不显示；触发一下鼠标事件后就显示出来了。2、原因分析： 因为在renderer.render(scene, camera)执行在前，图片加载完成在后；所以图片纹理没有显示。使用了OrbitControls ，我们在触发一下鼠标事件后重新调用了 render 方法，所以图片纹理就显示出来了。3、解决办法： 使用 requestAnimationFrame 循环调用 render 方法render();function ren

threejs中dat.gui的使用详细介绍

vue中three.js 性能插件stats简单用法

threejs点击获取三维坐标(Three.js获取鼠标点击的三维坐标)

threejs中三要素是:场景(scene)、相机(camera)和渲染器(renderer)。有了这三样 东西，才能搭建一个三维场景，将物体渲染到网页中