Three.js

1 物体Mesh和几何体Geometry 物体Mesh包含几何体Geometry和材质Material 网格模型Mesh其实就一个一个三角形(面)拼接构成。使用网格模型Mesh渲染几何体geometr

1. dat.gui入门 Dat.gui 是一个 GUI 组件，可以为你的 demo 提供参数的设置 1.1 下载dat.gui dat.gui - npm (npmjs.com) 1.2 引入和实例

1. 画布自适应屏幕大小——renderer.setSize() 前几篇的代码，在页面尺寸发生改变的时候，并不能自适应的改变尺寸，而出现空白或者滚动条突出的情况。 所以监听屏幕大小的改变，来重新设置相

GSAP （GreenSock Animation Platform），构建适用于所有主流浏览器的高性能动画。可应用于JavaScript相关的任何东西：动画 CSS、SVG、画布、React、Vue

1. requestAnimationFrame请求动画帧 为了最好的利用性能和渲染效果，需要在绘制每一帧画面的时候，计算需要渲染的画面。也就是使用window.requestAnimationFra

1、360度查看立方体——轨道控制器OrbitControls Three.js渲染出一个立方体物体之后，如果想很好的全方位观看立方体。这个时候可以使用轨道控制器，让相机围绕立方体运动，就像地球围绕太

为了模块化进行three.js项目开发，又不用学习打包配置，使用Parcel——web应用打包工具。 Parcel 1.x版本教程：🚀 快速开始 | Parcel中文网 (parceljs.cn) 1

Three.js官网是国外的服务器，所以为了方便随时查看案例和文档内容，可以自己本地搭建Three.js官网和文档。 一 本地查看three.js官网 1、首先进入threejs库GitHub地址：h

图形树 坐标轴辅助对象 栅格辅助对象 dat.gui 调试工具 1 图形树的概念 图形树是three.js 的核心内容之一。 图形树的本质就是多坐标系的嵌套，在WebGL里有世界坐标系和本地坐标系的概

内置几何体 自定义几何体 几何体顶点数据的读写 1-Three.js内置几何体 three.js 的内置几何体大致可分成以下几类： 1-1-二维几何体 1-1-1 PlaneGeometry 矩形平面

1-canvas 的响应式布局 canvas 画布的尺寸有两种： 像素尺寸，即canvas画布在高度和宽度上有多少个像素，默认是300*150 css 尺寸，即css 里的width和height 在

理解three.js 的渲染结构 1 three.js 的渲染 Three.js 封装了场景、灯光、阴影、材质、纹理和三维算法，让你不必再直接用WebGL 开发项目。 three.js 在渲染三维场景

三维IT机房可以将机房数据可视化，让企业更好的监控和管理IT 机柜 在前端页面对IT 机房进行三维展示 当鼠标划入IT 机柜的时候，提示当前机柜的详细信息 一键显示机房中过热的机柜 1. 准备一份IT

three.js本身就是用Ts写的，Ts可以为three.js 项目提前做好规则约束，使项目的开发更加顺畅。 1. 前期准备 1.1.创建一个目录，初始化 npm 1.2 安装依赖文件 1.2.1 w

1、three.js 简介 three.js是用JavaScript编写的WebGL第三方JavaScript库，用于在 Web 浏览器中创建 3D Web 图形。 具体而言，three.js 是一款