Three.js 小册上线了,我最重要的一部作品

139 阅读3分钟

3D 是前端的一个重要分支,而 Three.js 是最主流的 3D 渲染框架。

做业务开发的前端,很多都是同质化的 vue、react 项目经验,如果你做过 3D 相关项目,这个可以作为一个不错的亮点。

image.png

很多前端的招聘要求里明确写出了会 three.js 加分,而且有一些前端岗位就是做 3D 相关的。

image.png

image.png

我有个朋友在百度做自动驾驶的点云数据的标注

就是整天和 three.js 打交道,而且最近晋升前端专家了。

image.png

image.png

image.png

这个细分方向确实小众,但是不管是作为简历的亮点,还是专门做这个细分方向的岗位,都是差异化竞争的很好的一个选择。

更重要的是,three.js 比传统网页开发可有意思太多了。

比如这个夏日午后

2025-03-27 16.25.50.gif

你看到网页里的这种 3D 世界会激动么?

你就没有想自己写一个的冲动么?

抛开任何功利因素不谈,你当时学前端难道不是为了做一些很酷的交互效果么?

我当时学前端是有这个目的在。

Three.js 方向是我很早就想写的一本小册了,最近有时间系统整理了下。

我很想把这本小册写好。

饺子导演说过,把每部作品当成人生中最后一部作品去做。

这句话对我影响很大。我写这本小册也是抱着这个心态,我想把它打造成世界上最好的 Three.js 教程。

所以我会把所有想写的内容都加进去,然后加着加着内容就很多了。

我们会先学 Three.js 基础,学习动画库 Tween.js,物理引擎 Cannon.js 等,通过理论 + 实战结合的方式来消化吸收。

之后学习 webgl 和 webgpu 的底层知识。

还会学习 blender 建模,当然,这个入门就好了,建模是另一个领域的事情。

我们还会学习 shader 和 glsl 语言,很多效果都需要 shader 实现。

之后会学习 Cesium.js,这个是做 GIS 相关的,我们会做一个 GIS 的实战项目。

最后有大量的综合实战来熟练掌握前面的知识,有游戏类的、展厅类的、可视化类的、元宇宙类的。

后面还会不断添加更多内容。

这本小册至少会更 300 节,你可以把它当成一个 flag,这本小册会是掘金最长的一本小册。

相信学完这些之后,你对 Three.js 就会有得心应手的感觉了。

Three.js 和 webgl 会变成你可以自信的写在简历上的技能,会变成你简历里一个吸引人的 3D 项目。

把一些 3D 项目写到你的简历里,作为加分项,总比只有 vue、react 项目的人更有优势。

你面试和投简历就有了更多的岗位选择和简历竞争力。

你还可以将你的想象力落地成具体的 3D 场景和交互,这是一件很有意思的事情。

所以,不管是你想做一些有趣的 3D 交互的网页,还是想做一些具体的项目写到简历,亦或是你已经在做公司的 3D 项目了,想系统学习下,都可以跟着这本小册一起来深入。

这本小册我会尽我所能把它写到最好,把它当做我人生中最重要的一部作品。

让我们一起进入 Three.js 构建的 3D 世界吧。

入口

后记

上线后第一波读者反馈:

image.png