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

入口

相关推荐
爱勇宝3 小时前
小红花成长新版:模板来了,鼓励也更容易开始
前端·后端·程序员
竹林8183 小时前
Solana前端开发:我在一个NFT铸造页面上被@solana/web3.js的Connection和Transaction签名坑了两天
前端
冬奇Lab4 小时前
每日一个开源项目(第144篇):ai-website-cloner-template - 一条命令、多 Agent 并行,把任意网站逆向成 Next.js 代码
前端·人工智能·开源
玄玄子4 小时前
webpack publicPath作用原理
前端·webpack·程序员
HduSy4 小时前
帮 Claude Code 做了个菜单栏 Token 看板,聊聊里面的一些实现逻辑
前端
minglie4 小时前
一个置换问题
javascript
用户059540174464 小时前
用了6个月LangChain,才发现AI Agent的记忆存储一直有坑——写了23个Pytest用例才彻底修好
前端·css
奶油mm4 小时前
我偷偷把公司的祖传 jQuery 项目改成了 Vue3,CTO 没发现,但全组都来抄我的代码了
前端
用户2136610035724 小时前
Vue2非父子通信与动态组件
前端·vue.js
默_笙4 小时前
🌀 别再手动写 Prompt 了!我让 AI 自己循环改到满意为止
javascript