是否可以在WebGL中创建这样的可视化？

Question

此可视化使用Away3D（Flash）创建： www.guardian.co.uk/world/interactive/2011/mar/22/middle-east-protest-interactive-timeline

是否可以使用WebGL创建相同质量的东西（例如交互，动画，性能，像素完美等）？

奖金：如何设置基本场景？ （没有互动和动画）

Answer 1

是的，会的。场景并不复杂，所以它会有很好的表现。交互，是的，取决于你如何实现它，但如果你正在使用例如Three.js进行项目，那就不会有问题了。很明显，Pixel完美，是的。

在场景中，您可以使用曲面，当您使用“导航”时，纹理会改变顶点的UV。可以使用具有透明纹理的粒子或更好的简单四边形来完成针脚。要进行像素精确的引脚拾取，您可以对光线跟踪进行深度测试，或者使用带着色器的针形几何体，这可能是最佳解决方案。

因此，基本场景 - 具有每顶点变化的UV平面，针形和纹理针脚的曲面。

或者，您可以使用2D画布完成相同的操作。所有元素都只是绘制和缩放，文本会更简单，拾取将是2d计算。

希望这有帮助。