我完成了10000小时开发3D引擎

Posted 2022-03-11 欢迎来到YYC的世界

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了我完成了10000小时开发3D引擎相关的知识，希望对你有一定的参考价值。

我从2015年8月11日开始，在豆瓣小组上开始了打卡记录！很高兴的是，我于2022年3月7日，完成了10000小时！！！一共花了2258天（包括周六周日），平均每天4.4小时。

为什么要开始10000小时？

我以前看过一本叫《异类》的书，书的大概意思是：只要学习10000小时，任何人都可以成为一个领域的大师。这里的“学习”是指完全专注地精进学习，不做无用的重复工作，不待在舒适区，一直在学习区学习！

我看完后就一直想验证一下是否属实。我在网上搜索了一下关于“10000小时实践”的情况，结果发现还没有一个人真正地、有记录地完成了10000小时！只发现了一个国外的同学实践的Dan计划（10000小时打高尔夫球），但是这个同学也只坚持了6000多小时，然后就停止了。所以说，他也没有真正完成10000小时！

然后我在豆瓣上发现了一万小时梦想实践法小组，里面都是实践10000小时的同学做的记录。不过也没有一个人真正的完成了10000小时，甚至连完成1千小时的同学都几乎没有！

正好那段时间，我开始学习Web3D，具体来说就是学习WebGL，并且开发3D引擎。所以某一天我突发奇想：为什么不在豆瓣小组上打卡呢？既然我一向很有毅力，为什么不证明下我真的能完成10000小时的挑战呢？

哈哈！于是我就从2015年8月11日开始，在豆瓣小组上开始了打卡记录！很高兴的是，我于2022年3月7日，完成了10000小时！！！一共花了2258天（包括周六周日），平均每天4.4小时。

我的10000小时打卡记录如下：
打造3D引擎，第11000小时开始（已经完成了10000小时！）

一切的开始

我在开始之前，在学校里面全职开发了2年的Html5 2D引擎和游戏，主要成果如下：

发布HTML5 RTS游戏-古代战争
 炸弹人游戏开发系列
 发布我制作的jQuery贪吃蛇游戏
 连连看游戏
 动作类游戏demo
发布HTML5 2D游戏引擎YEngine2D
提炼游戏引擎系列

通过校招，去阿里巴巴的钉钉部门做前端开发

后面我看到了Babylonjs的3d演示demo，让我重新燃起了对3D技术探索的热情！因为我已经做过2D了，自然就想做更高端的3D！

于是就开始了有趣的Web3D之路。。。。。。

完成第1000小时

从2015年5月25日到 2015年12月3日，我完成了1000个小时，平均每天6小时

我开始从0学习WebGL，下面是我的学习方法：
1.我找到了《WebGL编程指南》这本书，把大部分demo实现了一遍；
2.再次第二遍实现demo，提炼3D引擎的雏形；
3.用提炼的引擎实现了一个“自由浏览场景”的demo。

完成第1000小时后，我发布了开源的3D引擎的第一版（v0.1.0），共22k行有效代码（没有算测试代码），实现了模型、morph动画、arcball相机、光照、normal map、反射和折射、脚本、阴影、自定义shader、skybox、md2/obj格式转换等功能。

引擎渲染展示如下：

完成第2000小时

从2015年12月4日到 2016年5月31日，我完成了1000个小时，平均每天5.9小时

这段时间的主要工作如下：

引擎发布到v0.5.7版本，新增了lod、水、地形、过程纹理、八叉树、UI、picking、碰撞和物理、gltf等功能
经典书看了共8本书
《Design by Contract 原则与实践》
《Game Programming Patterns》
《编程珠玑》
《OpenGL Insights》
《WebGL Insights》
《游戏引擎架构》
《失控》
《富爸爸》系列

引擎渲染展示如下：

完成第2000小时后，通过朋友主动推荐，我得到了再次去阿里巴巴的天猫部门开发3D引擎的工作机会！

完成第3000小时

从2016年6月1日到 2017年3月20日，我完成了1000个小时，平均每天3.3小时

这段时间的主要工作如下：

引擎发布到v0.9.0版本，新增了室外场景增强、Billboard、骨骼动画、性能优化等功能
leetcode算法题刷了90道题
在天猫工作了一段时间，应用我开发的引擎做了一个pc端多人联网的小的项目和一个移动端ar的项目
后面离职回家，开始重写引擎，完成了v1.0.0-alpha1版本

v0.9.0引擎渲染展示如下：

完成第4000小时

从2017年3月21日到 2017年9月25日，我完成了1000个小时，平均每天5.4小时

这段时间开始和小浩一起，开始Wonder项目（相当于Web版的Unity）的开发！

这段时间主要工作如下：

引擎发布到v1.0.0-alpha5，由面向对象范式彻底地转换为函数式编程范式，实现了多线程渲染、支持webgl2、面向数据data oriented、defer shading等特性
开始开发编辑器，发布到v0.2.0

编辑器界面展示如下：

完成第5000小时

从2017年9月26日到 2018年3月21日，我完成了1000个小时，平均每天6小时

这段时间主要工作如下：

引擎发布到v1.0.0-alpha17，再一次彻底重写，使用reason语言替换typescript语言！性能大幅提升，增加了e2e测试，使用job架构和微服务架构
编辑器发布到v0.8.0

完成第6000小时

从2018年3月22日到 2018年9月8日，我完成了1000个小时，平均每天6小时

这段时间主要工作如下：

引擎发布到v1.0.0-alpha23，新增了多线程渲染、纹理、scene graph、事件、arcball相机、imgui等功能
编辑器发布到v0.12.0，正在实现导入导出功能

完成第7000小时

从2018年9月9日到 2019年3月24日，我完成了1000个小时，平均每天5.1小时

我们在2019年3月11日发布了Wonder 1.0版本，主要打通了编辑器的核心流程，包括：

组件化的gameObject
编辑和运行场景
资产管理
导入导出和发布

这段时间主要工作如下：

引擎发布到v1.0.0，主要特性为：
- 多线程渲染
- ECS架构
- Job管道
- 纹理
- 方向光和点光源
- 加载模型和场景
- 流加载
- imgui
- 事件
- instance
编辑器发布到v1.0.0，主要特性为：
- pwa
- 场景管理
- 编辑和运行场景
- transform gizmo
- 快捷键
- Redo/Undo
- 输出消息
- 资产管理
- 导入导出
- 发布本地包
上线了Wonder的官网、论坛、文档、视频教程

Wonder v1.0展示如下：

完成第8000小时

从2019年3月25日到 2019年10月3日，以及从2020年3月13日到 2020年6月25日，我完成了1000个小时，平均每天3.7小时

我从2019年10月3日开始，暂停了Wonder的开发，开始学习WebGPU并写了相关的系列文章，还写了3D引擎开发的系列文章

文章的相关链接为：
WebGPU学习系列
 从0开发3D引擎

后面于2020年3月13日停止写文章，开始学习光线追踪

这段时间主要工作如下：

引擎发布了1.1版本，新增了脚本、AssetBundle等功能
引擎完成了1.2版本的开发，新增了skybox、imgui扩展等功能
编辑器发布了1.1版本
开始了学习光线追踪，实现了WebGPU+Ray Tracing Demo，相关介绍为：
WebGPU+光线追踪Ray Tracing 开发三个月总结

Wonder v1.1展示如下：

WebGPU+Ray Tracing Demo展示如下：

完成第9000小时

从2020年6月26日到 2021年3月15日，我完成了1000个小时，平均每天3.8小时

这段时间中，我参加了一个创业团队，负责乐高模型的3D渲染；
然后，我重写了引擎，开发离线渲染器；
最后，我开设了光线追踪/离线渲染相关的课程

这段时间主要工作如下：

协助前端工程师，开发3D网站
实现乐高模型的ldr数据的3D渲染
重写Wonder引擎，开发离线渲染器，发布到了v2.0.0-alpha.6版本，实现了基于RTX显卡的光追管线的基础路径追踪渲染，支持了gltf模型
接了个做聊天IM富应用的活，开发了一些模块
直播了光线追踪相关的免费的10节课程，课程链接为：
光线追踪图形学课程
开设“ 路径追踪渲染器零基础实战开发基础班”，开始付费的直播课程，已直播到第二十二节课（上）。现在课程已经免费发布在b站上了：
路径追踪渲染器零基础实战开发基础班

离线渲染的效果如下：