大家可能有用过 echarts 这样的库来实现可视化报表，用过百度地图，高德地图的 SDK 实现业务中的地图功能。也可能用过 Canvas 或者 WebGL 来实现一些绘图的需求。

这次分享希望能够用一个星球生成工具 https://github.com/pissang/little-big-city 作为例子，分享下如何结合这些可视化的技术，前端渲染技术来做一个比较有意思的生成设计领域的小工具。

希望能带来一些启发，里面利用到的一些技术点也能够作为大家平时工作中能够拿来就用的趁手工具。

内容大纲

1. 生成设计介绍

2. 星球生成工具 Little Big City 的想法产生和实现

    (1) 一些背景介绍以及其它类似的应用介绍；

    (2) 建筑地理数据的获取，地图瓦片及 GeoJSON 的解析；

    (3) 从二维的地理数据生成三维的模型；

    (4) 细节的补充生成；

    (5) 渲染优化；

    (6) 模型的导出和二次利用，转换成 usdz 格式。

3. 生成设计与可视化

    (1) 通过 Boids 和力引导布局两个算法来介绍可视化与生成设计的共通之处；

    (2) 更多前端生成设计的场景。

听众收益

1. 能够了解生成设计并且在产品中有所应用；

2. 对于可视化和实时渲染中应用的一些技术点能够带来一些启发。