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 世界吧。

入口

相关推荐
止观止21 分钟前
深入探索 pnpm:高效磁盘利用与灵活的包管理解决方案
前端·pnpm·前端工程化·包管理器
whale fall22 分钟前
npm install安装的node_modules是什么
前端·npm·node.js
会飞的鱼先生25 分钟前
Node.js-http模块
网络协议·http·node.js
烛阴28 分钟前
简单入门Python装饰器
前端·python
袁煦丞1 小时前
数据库设计神器DrawDB:cpolar内网穿透实验室第595个成功挑战
前端·程序员·远程工作
天天扭码1 小时前
从图片到语音:我是如何用两大模型API打造沉浸式英语学习工具的
前端·人工智能·github
Liudef061 小时前
2048小游戏实现
javascript·css·css3
鱼樱前端3 小时前
今天介绍下最新更新的Vite7
前端·vue.js
coder_pig3 小时前
跟🤡杰哥一起学Flutter (三十四、玩转Flutter手势✋)
前端·flutter·harmonyos
万少3 小时前
01-自然壁纸实战教程-免费开放啦
前端