ThreeJs 数据可视化学习扫盲

一：前言

数据可视化是一个跨领域的行业，其中包含了图形学、数学、视觉传达等专业领域。

下图罗列出了一个简单的学习方向。

 

二：可视化方案以及学习路线

目前采用的是比较成熟，社区活跃度更高的Three.js，它是一个开源的webGL的api封装库。

该框架的特点是：

• 简单易用

• 入门成本低

• 社区活跃度高

• 速度更快

学习应用ThreeJs之前我们需要了解的基础知识点：

1. 图形学基础：了解图形的输入、模型(图形对象)的构造和表示。

1. 3D渲染引擎：了解3D引擎是什么，有哪些功能，有哪些类型。

1. 渲染原理：3D渲染场景中包含哪些元素(灯光、地板、天空等)。

1. ThreeJs简介：了解openGL，webGL，Threejs之间的关系。

1. HTML5图形化其它技术：了解canvas、css2D、css3D、HTML2canvas。

<