此可视化是使用 Away3D (Flash) 创建的： www.guardian.co.uk/world/interactive/2011/mar/22/middle-east-protest-interactive-timeline
是否有可能使用 WebGL 创建具有相同质量（交互、动画、性能、像素完美等）的东西？
奖励：如何设置基本场景？ （没有交互和动画）
【问题讨论】：
标签： html webgl data-visualization
是的，会的。场景一点也不复杂，所以会有很好的表现。交互，是的，取决于你如何实现它，但如果你正在做项目，例如，Three.js 这不会是一个问题。像素完美，显然是的。
在场景中，您可以使用曲面，当您使用“导航”时，纹理会改变顶点的 UV。可以使用粒子或更好的具有透明纹理的简单四边形来完成引脚。要进行像素级精确的引脚拾取，您可以在光线跟踪上对引脚进行深度测试，或者使用带有着色器的引脚形状几何体，这可能是最好的解决方案。
因此，基本场景 - 具有每个顶点变化的 UV、针形和纹理针脚的曲面。
另外，您也可以使用 2D 画布做同样的事情。所有元素都只是绘制和缩放，文本会简单得多，并且选择将使用 2d 计算。
希望这会有所帮助。
【讨论】：