大家好，本文介绍了Wonder的高层需求和本系列对应的具体功能点。
确定Wonder高层需求
业务目标
Wonder是web端3D开发的解决方案，包括引擎、编辑器，致力于打造开放、分享、互助的生态。
范围
引擎
Wonder.js WebGL 3D引擎
编辑器
Wonder-Editor
工具
提供给用户使用的各种工具，如gltf转wdb数据在线转换器等。
增值服务
增强用户在Wonder中发布的3D应用的能力，如提供数据统计、支付等。
平台
构建3D生态，提供如托管平台、开发资源商城等，用户可上传/下载相关资源。
上下文
开发者
开发者是Wonder的直接用户，可以划分为这几类：
1)美术、策划同学
2)完全没有编程基础，想快速开发Web 3D应用和游戏的同学(可以从Wonder的商城中下载资源；可以上传资源和3D项目到托管平台)
3)程序员同学（可以写脚本、自定义shader、扩展编辑器和引擎之类的）
Wonder
分发服务商
开发者可在Wonder中发布Web 3D应用/游戏到各个分发平台，如微信小游戏等。
终端用户
终端用户直接在浏览器上消费开发者在Wonder中发布的Web 3D应用/游戏。
确定本系列对应的Wonder v1.0版本的功能点
引擎v1.0版本功能点
GameObject和Component
引擎是ECS架构，场景是由多个GameObject组成，而每个GameObject又由各种Component组成。
组件包括Transform、Geometry、Material等。
纹理
基本的纹理。
光照
支持方向光、点光源。
多线程渲染
通过浏览器的Shared ArrayBuffer和OffscreenCanvas，引擎支持开两个线程：主线程＋渲染线程。
Scene Graph
使用自定义的.wdb格式保存场景数据
支持导入/导出.wdb
流加载
支持使用流加载来加载.wdb，让用户首次加载更顺滑。
具体是指：
用户会看到边加载边显示场景的效果。
IMGUI
可以用代码调用API，来绘制UI。
事件
绑定和封装了事件，统一了pc端和移动端的事件。
编辑器v1.0版本功能点
GameObject和Component
可直接操作GameObject和Component，如添加、删除、修改等。
场景管理
可通过场景树的形式看到该场景的所有GameObject
可进行添加、删除、修改等操作
撤销/重做
输出
可在控制台输出日志、错误等信息
运行/停止
可直接运行/停止场景
快捷键
可使用快捷键
资产Asset
可操作Material、纹理、模型等资产
Gizmo
可通过Transform Gizmo，设置GameObject->Transform组件的位移、旋转、缩放等属性
在编辑视图scene view中显示相机、光等小图标
导入/导出
可导入/导出场景、模型
发布本地包
可将做好的场景，发布为本地压缩包，然后自己部署到服务器上，供终端用户使用
PWA
使用了Chrome的PWA技术，支持离线访问编辑器等
欢迎浏览上一篇博文：用函数式编程，从0开发3D引擎和编辑器（二）：函数式编程准备
