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

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

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

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

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

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

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

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

比如这个夏日午后

你看到网页里的这种 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 世界吧。

入口

相关推荐
肥肥呀呀呀15 分钟前
在Flutter上如何实现按钮的拖拽效果
前端·javascript·flutter
Zero10171332 分钟前
【React的useMemo钩子详解】
前端·react.js·前端框架
养军博客33 分钟前
spring boot3.0自定义校验注解:文章状态校验示例
java·前端·spring boot
uperficialyu44 分钟前
2025年01月10日浙江鑫越系统科技前端面试
前端·科技·面试
付朝鲜1 小时前
用自写的jQuery库+Ajax实现了省市联动
java·前端·javascript·ajax·jquery
coderYYY1 小时前
多个el-form-item两列布局排齐且el-select/el-input组件宽度撑满
前端·javascript·vue.js·elementui·前端框架
荔枝吖2 小时前
项目中会出现的css样式
前端·css·html
Dontla2 小时前
何时需要import css文件?怎么知道需要导入哪些css文件?为什么webpack不提示CSS导入?(导入css导入规则、css导入规范)
前端·css·webpack
小堃学编程2 小时前
前端学习(2)—— CSS详解与使用
前端·css·学习
蓝婷儿2 小时前
第一章:HTML基石·现实的骨架
前端·html