在Three.js的3D场景渲染中，若不经过一番特殊处理，通常所呈现出的效果也难以尽如人意，就像下图这样： 图1 图1是按照常规操作加载了模型、添加了光照后的样子，可以看出汽车模型所表现出的一股塑料感

泛光一般用于增强图像或场景的亮度和光线效果，如灯光效果增强，绘制发光的边界线等。本篇将介绍mapbox结合three.js实现泛光效果

3D区块地图没点效果都不敢拿出去炫耀了！点击来就学如何用Three.js给3D区块地图搞个泛光轮廓和渐变围栏~

近年来Three.js 3D可视化在各种业务场景中频频出镜，其惊艳的表现力往往离不开各种3D效果的加持。本文将着重聊一聊数字孪生系统中常用的3D效果，并以图示的方式拆解其背后的实现原理。 建筑颜色渐变

随着threejs基础学习阶段的结束，本文使用基于Vue3 + vite + threejs实现3D网页demo，希望各位大佬能通过浏览本文有所收获

前言 Three.js是一款基于原生WebGL封装通用Web 3D引擎，在小游戏、产品展示、物联网、数字孪生、智慧城市园区、机械、建筑、全景看房、GIS等各个领域基本上都有three.js的身影。 本

前言 终于到周末了，前几篇的文章一直给大家介绍2d，canvas 和svg的一些东西。7月份我打算输出3篇万字长文带大家系统地学习可视化表达的3种方式，svg、canvas、webgl。所以这是第一篇

为什么要写这个系列呢? 市面上关于前端的三维渲染的入门教程层出不穷, 有偏重于数学计算原理的, 有偏向于渲染管线流程介绍的, 也有告诉你API怎么用如何快速上手的. 这系列文章期望从零开始去考虑3D渲染引擎的搭建, 从无到有一步一步去构建三维渲染必备的要素和流程, 让读者能够"…

在上一篇文章：《WebGL 坐标系基础（一）》中，我们介绍了WebGL 中常见的几种坐标系以及他们之间的关系。本期将更加“硬核”一些，从数学的角度，推导上期讲到的各个变换矩阵。 在下面的推导中，我们统一使用列向量来表示一个坐标，所谓列向量就是一个N*1 矩阵。例如坐标(x, y…