Javascript 脉冲在线动画

Javascript 脉冲在线动画,javascript,jquery,html,css,html5-canvas,Javascript,Jquery,Html,Css,Html5 Canvas,我想在[Uber Developer网页]()的背景下使用JavaScript/CSS以编程方式重新创建视频动画 我正在使用画布线条在我的页面上定义一个路径网格(我自己的设计,而不是之前页面上的设计),并试图找出如何通过光纤效应获得光脉冲的效果,从而在我的网格中随机选择的路径上传播信号 下面是我正在处理的画布背景示例(未完成)- 我试图让脉冲沿着连接它们的线段的形式从一个黑色端点传播到另一个端点,并在连接处会聚/发散 谁能给我指出正确的方向吗?有任何框架可以提供帮助吗?尝试在SVG中执行路径,

我想在[Uber Developer网页]()的背景下使用JavaScript/CSS以编程方式重新创建视频动画

我正在使用画布线条在我的页面上定义一个路径网格(我自己的设计,而不是之前页面上的设计),并试图找出如何通过光纤效应获得光脉冲的效果,从而在我的网格中随机选择的路径上传播信号

下面是我正在处理的画布背景示例(未完成)-

我试图让脉冲沿着连接它们的线段的形式从一个黑色端点传播到另一个端点,并在连接处会聚/发散


谁能给我指出正确的方向吗?有任何框架可以提供帮助吗?

尝试在SVG中执行路径,并用它欢呼。优点很多,因为它的货物重量最小,并且可以跨浏览器兼容。

您可以显示当前实施的网格吗?这可以帮助你找到一些方法。CSS动画可以做到这一点。如果你能给我一个网格,你可以等待我的这个方法。由于视频背景网格是完全随机的,我不确定你需要的网格。当我试图编辑问题以上传图像时,我总是遇到一些奇怪的错误。下面是一个指向网格示例的图像链接-。(我还在努力把全部内容放到画布上,一个小时后会更新相同内容)用相关信息编辑问题谢谢。但这仍然留下了获得发光的领先点效应的问题。