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

时间:2013-05-10 16:50:58

标签: html5 webgl data-visualization

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

是否可以使用WebGL创建相同质量的东西(例如交互,动画,性能,像素完美等)?

奖金:如何设置基本场景? (没有互动和动画)

1 个答案:

答案 0 :(得分:0)

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

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

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

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

希望这有帮助。