最近用js绘制3D机房便于更直观的展示机房使用情况以及管理设备，现在用threeJs简单实现3D机房的。

繁荣巴比伦 巴比伦重写threeJS项目 演示在这里： :

3D计算几何算法库（3D Computetional Geometry Algorithm） 灵感来自Wild Magic threejs / cga.js开发交流群：284389784 2020年12月10日开发很久打字稿全新版本更新可以根据自己的需要编译成js版 概要 计算几何算法实现JavaScript，javascript实现计算机几何算法库，实现尺寸像距离，相交，包含，变换，平行垂直判断，正负位置等算法 如果你需要计算几何类的算法还没实现，可以发布，获取Q群联系我，优先实现 演示地址 案例： 安装 npm install xtorcga-D 国内 cnpm install xtor

在线案例：https://threejs.mrfox.wang 【压缩文件为网站源码】 DS-SDK 是基于开源项目 ThreeJS 进行二次开发的三维WebGL应用框架，该框架优化了部分 ThreeJS 的使用方式和增添一些通用功能，旨在为开发者快速构建 WebGL三维应用。

参考博文：Three 之 three.js （webgl）透视视角和正交视角，以及透视转正交的视角切换 https://blog.csdn.net/u014361280/article/details/124544320?spm=1001.2014.3001.5501 一、简单介绍 Three js 开发的一些知识整理，方便后期遇到类似的问题，能够及时查阅使用。 本节介绍， three.js （webgl）透视视角和正交视角，并且实现简单把当前透视角转为正交视角，然后在切换回来的透视视角的原理案例，如果有不足之处，欢迎指出，或者你有更好的方法，欢迎留言。 二、实现原理 1、场景构建三要素，scene、camera 和 renderer 2、其中 camera ，会根据需要先创建一个透视camera，然后根据转换，切换到正交camera 3、然后通过 renderer 中 透视camera 或者 正交camera 视角渲染，从而实现透视视角转为正交视角 view 的渲染

threejs切换场景 实现图朴上的切换效果， 而不是相机的视角移动，不浪费性能，非常棒的效果，代码简单，实现思路简单，适合新手开发项目中，遇到当前视角切换到模型内部 等效果 ， threejs scene的切换 ， 视角的移动会导致页面不是很流畅，而且旋转也会有点小bug 直接切换场景，就不会存在这种的问题，值得收藏，学不会找博主 私信 看到了会回复

前段时间连续上了一个月班，加班加点完成了一个3D攻坚项目。也算是由传统web转型到webgl图形学开发中，坑不少，做了一下总结分享。法线是垂直于我们想要照亮的物体表面的向量。法线代表表面的方向因此他们为光源和物体的交互建模中具有决定性作用。每一个顶点都有一个关联的法向量。如果一个顶点被多个三角形共享，共享顶点的法向量等于共享顶点在不同的三角形中的法向量的和。N=N1+N2;所以如果不做任何处理，直接将3维物体的点传递给BufferGeometry，那么由于法向量被合成，经过片元着色器插值后，就会得到这个黑不溜秋的效果

基于threeJS的天空盒子，内含三十余种的天空盒子图片，童叟无欺，你值得拥有。

Threejs模型，机械臂模型，dae格式模型，可供学习参考

这是使用threejs3D展示模型实现的效果，基于微信小程序写的一个项目demo，可自由导入不同的项目模型进行实时展示和浏览。