Javascript 设置线条动画，使其向屏幕/用户“创建”移动；隧道效应“；
这个问题既有设计性质，也有编程性质，因为我有两个部分来解决这些方面的问题。我把它贴在这里是因为我想创建一个我既不知道如何显示也不知道如何制作动画的动画如果您认为这个问题的位置不对，或者您需要任何其他信息，请让我知道 我在想象如何创造一种效果时遇到了一些困难，这种效果会让人感觉“置身于无尽的隧道中”或“从管道中坠落”，而这种感觉是通过生成“向屏幕移动的线条”来实现的，既有圆形的，也有线性的。我看过一些视频，这些视频恰好产生了这种效果，但我不知道如何用JavaScript重新创建这种效果 有关可视示例，请参见此 我对这些稍微复杂一点的动画比较陌生，我尝试通过关键帧/过渡+css mainupluation（这是我解决移动或淡入元素等简单动画的常用方法）缩放和移动画布元素来解决这个问题我已经在思考如何调整或移动我的内容以使其看起来像视频中的内容，但我无法理解哪些属性会改变，而它看起来像那样 在视频中，你可以看到圆形和线性形状，我可以想象我可以轻松地放大圆形形状，从而产生它们向屏幕移动的错觉，这没有问题，但我根本不知道线性形状是如何工作的 我试着在画布上画画，并给画好的线条设置动画，这看起来很有希望，但正如我所说的，我没有具体的想法Javascript 设置线条动画，使其向屏幕/用户“创建”移动；隧道效应“；,javascript,animation,canvas,Javascript,Animation,Canvas,这个问题既有设计性质，也有编程性质，因为我有两个部分来解决这些方面的问题。我把它贴在这里是因为我想创建一个我既不知道如何显示也不知道如何制作动画的动画如果您认为这个问题的位置不对，或者您需要任何其他信息，请让我知道 我在想象如何创造一种效果时遇到了一些困难，这种效果会让人感觉“置身于无尽的隧道中”或“从管道中坠落”，而这种感觉是通过生成“向屏幕移动的线条”来实现的，既有圆形的，也有线性的。我看过一些视频，这些视频恰好产生了这种效果，但我不知道如何用JavaScript重新创建这种效果 有关可视示
如果您能给我提供正确方向的提示或任何方法，我将不胜感激。在您回复我的评论后，我相信您混淆了概念和技术。首先设定一种方法，然后再多读一点它是如何工作的 如果要在设置属性动画的位置使用CSS/SVG，请看以下示例： 如果您想使用HTML5画布，您需要绘制（线和圆等基本体），以下是可以实现的一个很好的示例：以及 如果您想要逼真的3D，可以使用WebGL，请参见以下示例：（此处的教程）和
在此处输入代码StackFlow不允许我链接到没有代码的JSFIDLE。