three.js 入门

THREE.WebGPURenderer 是 Three.js 官方新一代渲染后端，专门对接 WebGPU API。 一、WebGPURenderer 成熟度总结 能用、适合新项目，但未完全追平 We

源码：https://github.com/buglas/threejs-lesson/tree/main/09-cleanup 1-内存泄漏的概念 在c++ 里，内存泄漏的概念是：指针在指向一块内存

前言 源码 https://github.com/buglas/threejs-lesson 学习目标 掌握四元数运算规则 掌握绕轴旋转的方法 掌握四元数和矩阵相互转换的方法 知识点 四元数 矩阵 向

前言 学习目标 了解three.js中灯光的基本用法 可以游刃有余的使用不同灯光渲染场景 知识点 AmbientLight HemisphereLight RectAreaLight Directio

前言 课件地址 https://github.com/buglas/threejs-lesson 课堂目标 理解three.js中材质的基本用法 可以基于实际需求按需选择合适的材质 知识点 MeshB

课件地址：https://github.com/buglas/threejs-lesson 这个案例不仅会巩固大家对图形树的理解，还会告诉大家如何实现路径跟随和相机切换。 先看一下这个案例的图形树：

前言 课件地址 https://github.com/buglas/threejs-lesson 课堂目标 理解图形树的概念 掌握图形树的用法 知识点 图形树 坐标轴辅助对象 栅格辅助对象 dat.g

2-1-基本概念 BufferGeometry 是所有three.js 内置几何体的基类，通过此基类可以自定义几何体。 BufferGeometry 具备以下重要属性： position 顶点位置 i

课件地址: https://github.com/buglas/threejs-lesson three.js 的内置几何体大致可分成以下几类： 二维几何体 PlaneGeometry 矩形平面 Ci

1-1-基本概念 BufferGeometry 是所有three.js 内置几何体的基类，通过此基类可以自定义几何体。 BufferGeometry 具备以下重要属性： position 顶点位置 i

three.js 的内置几何体大致可分成以下几类： 二维几何体 PlaneGeometry 矩形平面 CircleGeometry 圆形平面 RingGeometry 圆环平面 ShapeGeomet

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

1-概述 之前我们在入门的时候，对three.js 的渲染过程做了一个简单演示，接下来我们对这个渲染过程做一个详细解释。 Three.js 封装了场景、灯光、阴影、材质、纹理和三维算法，让你不必再直接

前言 课件地址 https://github.com/buglas/threejs-lesson 课堂目标 理解three 开发项目的整体流程 实现三维机房的展示和交互 知识点 图形组件的封装 模型导

源码地址：https://github.com/buglas/threejs-lesson 我们之前说webgl的时候，是以夯实基础为目的。 而现在的three，我会逐步往实战靠拢。 现在，webpa

源码地址：https://github.com/buglas/threejs-lesson three.js 概述 1-three.js 是什么？ three.js是用JavaScript编写的Web