如何快速成为高薪的 3D 前端工程师?

3,076 阅读6分钟

最近,我们基于threejs 开发了一个3D画展应用,感受到了Web 3D技术在现代Web开发中扮演着越来越重要的角色,通过Web 3D技术,我们可以在浏览器中创建令人惊叹的三维场景和交互体验。

因此,我们想把 Web 3D 技术变成公司的核心技术优势,这就需要很多Web 3D技术专家,但这个方向的专家不仅很难招聘,而且薪资待遇要求也高。

我们奉行长期主义,打算从基础抓起,耐心地去帮助我们的研发同学去成长,本文将分享我们收集的一些资料,希望能帮助到需要的人。

要掌握的知识技能

首先,我问了国内的某个大模型,成为年薪百万的 Web 3D 工程师,需要掌握以下技能和经验:

  • 熟练掌握 WebGL 和 Three.js 等 3D 图形库,能够使用 JavaScript 编写高质量的 3D 应用程序。
  • 掌握计算机图形学基础知识,包括几何学、光照模型、材质和纹理映射等。
  • 熟悉 Web 开发技术,如 HTML、CSS 和 JavaScript,能够使用前端框架如 React、Vue.js 等构建复杂的 3D 应用程序。
  • 具备良好的数学和物理知识,能够进行线性代数、微积分和向量计算等。
  • 熟练掌握常用的 3D 建模和渲染软件,如 Blender、Maya、3ds Max 和 Substance Painter 等。
  • 具备良好的编程习惯和代码风格,能够使用版本控制工具和构建工具进行协作开发。
  • 具备优秀的沟通能力和团队合作能力,能够与其他开发人员、设计师和产品经理协作完成项目。

以下是一些可能有用的建议:

  • 学习计算机图形学和 3D 编程的基础知识,可以通过自学、参加课程或参加在线培训等方式。
  • 掌握流行的 3D 图形库和 Web 开发技术,并尝试使用它们构建项目。
  • 参加相关的开发者社区和论坛,了解最新的技术趋势和最佳实践。
  • 参加开源项目和公益活动,积累宝贵的经验和展示技能的机会。
  • 建立自己的作品集和简历,展示技能和经验,并在招聘平台上积极寻找机会。
  • 不断提升自己的技能和知识,跟上行业的发展趋势,如学习人工智能、虚拟现实和增强现实等相关技术。

学习路线

随着元宇宙、数字孪生的火热,前端3D可视化需求越来越广泛,懂 WebGL 技术的前端人才也成为行业香饽饽,薪资诱人颇有竞争力。

成为一名3D前端工程师的学习路径,可以从基础知识开始,逐步深入到高级技能和应用实践。:

  1. 基础知识:首先,你需要掌握前端开发的基础知识,包括HTML、CSS和JavaScript,这些是构建任何前端应用的基础。
  2. 3D技术概览:了解3D技术在Web领域的应用和发展,特别是WebGL和WebGPU等图形API,它们允许在浏览器中创建高性能的3D图形。
  3. 学习WebGL和Three.js:学习WebGL和Three.js,这是实现Web上3D图形的两大关键技术。Three.js是一个基于WebGL的JavaScript库,它简化了3D图形的渲染过程,使得开发者可以更容易地创建复杂的3D场景和动画。
  4. 理解3D概念:学习3D编程的基本概念,如点、线、面、几何体、材质、场景、相机、渲染器、动画和控制器等。
  5. 实战项目:通过实践项目来巩固学习成果,可以从简单的3D模型展示开始,逐步过渡到更复杂的3D应用,如游戏、虚拟现实(VR)或增强现实(AR)应用。
  6. 进阶学习:在掌握基础知识后,可以进一步学习更高级的技术,如光线追踪、PBR(基于物理的渲染)、着色器编程、粒子系统等,以及如何实现更复杂的3D效果和交互。
  7. 性能优化和跨平台开发:了解如何优化3D应用的性能,并学习如何在不同平台上进行3D前端开发。
  8. 持续学习:关注行业动态,学习新的技术和工具,如WebGPU、WebAssembly、AIGC等,以保持技能的现代性和竞争力。

总之,成为一名3D前端工程师需要不断学习和通过项目来应用和巩固所学知识,关注前端领域的最新发展动态,并保持对新技术的学习热情。

个人经验

我最早知道web 3D开发是在2017年初,我们前端团队需要在年会上做一个抽奖工具,当时使用的是threejs开发。

后面一直没有参与过 web 3D相关的项目,也没有学习相关的知识和技能,直到22年在美团视觉智能部,因为负责3D 引擎的同学离职了,我才匆忙快速学习了一个礼拜,去接手这个项目。

因为没有相关的技术储备,导致接手项目时,压力真的很大,需要花大量的业余时间去学习一些3D的基础概念,才能理解代码,修复项目中遇到的bug。

后来通过系统了解web 3D 开发,发现这个方向的前端岗位薪资真的很高,特别是做引擎层面开发的(我认识的有两个,年薪都有200万左右),而且也有很多场景需要大型复杂的3D 前端项目。

在低代码和大模型等编程提效工具快速发展和普及的当下,传统前端界面的开发任务需要的人会越来越少,要想保住饭碗,持续学习和实践 3D 技术是个不错的出路。

常用网站

webglfundamentals.org/

threejs.org/

www.webgl3d.cn/

www.blender.org/

www.blendercn.org/

www.webglstudy.com/

sketchfab.com/

blenderco.cn/

www.moyimi.cn/

一些资料

GAMES

Stanford

UC Berkeley

教材