2019.10.11思考

书

第一篇：准备

• 了解Web 3D

  • Web 3D历史
  • 准备预备知识
    对读者的要求:

  对光栅化渲染技术有基本的了解：

  - 或者熟悉DirectX 9.0及以上
  - 或者熟悉OpenGL 2.0及以上
  - 或者熟悉WebGL 1.0及以上
  - 或者学习过《WebGL编程指南》
  

此处可以给出 预备知识的学习资料，如《WebGL编程指南》

- 介绍3D编程

比较：
支持使用WebGL api;
使用引擎 封装;
使用编辑器 封装;

• 开发环境准备

• 测试环境准备

Chrome浏览器
(
自动化测试:
单元测试
集成测试
端对端测试

本书不讨论,只在此处，针对每类测试，给出一个示例
)
(运行测试，e.g. 使用
webgl inspector;
////spector

log; ...)
(性能测试，

e.g. 
chrome dev tool->profile, timeline, 
chrome dev tool->show fps

memory:
find memory leak
show memory stats
show profile with allocation memory

console.profile, console.profileEnd
performance.now()
)

第二篇：入门

• 函数式编程

• 函数反应式编程
  introduce Most

• Reason语言基础语法

• WebGL基础

  光栅化：3D 矩阵 变换
  /*
  WebGL2特性
  WebGL2 渲染管线
  */

• 学习Reason-React

第三篇：雏形

• 快速写一个最小Demo

• 引擎和编辑器需求分析

• 提出3D引擎

• 提出编辑器

• 优化

• 改进引擎：提出GameObject+Component架构

• 改进引擎：提出Data Oriented架构

• 改进引擎：改进Shader

• 改进引擎：提出渲染队列

• 改进引擎：支持各种应用场景

• 改进引擎：支持多线程

• 改进引擎：其他改进

• 改进编辑器

• 重构：提出微服务

第四篇：进阶

• 编辑器增加Redo/Undo功能

• 编辑器增加场景管理功能

• 编辑器增加Inspector功能

• 编辑器增加控制台功能

• 增加camera

• 编辑器增加run/stop功能

• 编辑器增加grid plane 功能

• 编辑器增加camera/light gizmo功能

• 增加event

• 增加 fly camera controller

• 编辑器增加资产功能

• 增加light material组件
• 增加texture
• 编辑器增加导入/导出功能
• 编辑器增加发布本地包功能

/*
- 编辑器增加picking功能

• 编辑器增加显示轮廓功能

• 编辑器增加transform gizmo功能

*/

• 编辑器增加pwa功能

第五篇：实战

• 制作3D静态场景