我在前端干工地，最后成果如下图。 从图中可以看到，整个画面由以下构成 地面 房子 天空 下面就能一步步的构建这个场景。 一、 准备工作 我这里的环境是vue3 + vite，基本环境准备好后就要安装t

大家好，这次给大家换换口味，我们来点不一样的东西。请不要理解歪了🐶。 通过Three实现3D很容易，但这次我们通过CSS来实现3D。

今天我们来谈一谈如何开始学习 GLSL ，这是一种适用于可编程渲染管线的着色器语言。 虽然大部分前端 er 们可能对其感觉有些陌生，不过没关系，就像舒马赫并不需要非常了解赛车的每一个零件，这不阻碍他成为一个伟大的车手。 如今 WebGL 逐渐流行，前端er 们确实需要了解一些 …

canvas除了最常用的javascript API绘制方式，还有WebGL的绘制方式。WebGL对很多同学来说就是实现3D场景的，其实对2D绘图来说，也有很大的发挥场景。

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