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

入口

相关推荐
JayceM13 分钟前
Vue中v-show与v-if的区别
前端·javascript·vue.js
HWL567917 分钟前
“preinstall“: “npx only-allow pnpm“
运维·服务器·前端·javascript·vue.js
咪咪渝粮42 分钟前
JavaScript 中constructor 属性的指向异常问题
开发语言·javascript
德育处主任1 小时前
p5.js 掌握圆锥体 cone
前端·数据可视化·canvas
mazhenxiao1 小时前
qiankunjs 微前端框架笔记
前端
Q_Q5110082851 小时前
python的软件工程与项目管理课程组学习系统
spring boot·python·django·flask·node.js·php·软件工程
无羡仙1 小时前
事件流与事件委托:用冒泡机制优化前端性能
前端·javascript
秃头小傻蛋1 小时前
Vue 项目中条件加载组件导致 CSS 样式丢失问题解决方案
前端·vue.js
CodeTransfer1 小时前
今天给大家搬运的是利用发布-订阅模式对代码进行解耦
前端·javascript
阿邱吖1 小时前
form.item接管受控组件
前端