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