2025 年了，我不允许有前端不会用 Trae 让页面 Hero Section 变得高级！！！(Threejs) HeroSection 专栏再度来袭！！！

有一天，我和我的小伙伴，深佬没事聊天，忽然就聊起了游戏开发，我们都对仙侠题材颇为感兴趣，于是我们一拍即合，决定做一个。

事情是这样的，前段时间`外包工头`老杨又来找我了，说某汽车大品牌要开发一个网页展厅，希望可以在网页里360度展示它家新款汽车的3d模型，还要可以让用户DIY汽车部件的颜色。

从Element3入门WebGL Shader。本文是系列的第一篇，介绍了从Element3入门WebGL Shader的基本环境配置以及一些GLSL的基本知识。包括绘制长方形、圆形、直线等。

这是WebGL学习的第二篇，今天主要说说WebGL中用到的一些数学的东西，里面并没有什么特别高深，特别难的点，都是高中大学学过的一些东西，却是图形学中非常重要的基础，所以本篇也是后续学习的基石。 向量是“老朋友了”，首先就来看看他。 向量就是带方向的线段，因此向量包含两个意思，…