提问者:小点点

生成代码表示托尼·斯塔克钯颈效应


我试图创造一个动画的,随机生成的,钯毒性颈部效果,就像钢铁侠2中托尼·斯塔克的颈部。

我的第一个想法是使用SVG的自动生成来创建它,并使用一个循环来分割为子级。

https://codepen.io/tony-Hensler/pen/gopbjwo这一点都不太顺利,我没有在创建孩子的时候跟踪他们,而且线条看起来太机器人化了。

我还研究了通过更改以下值来更改https://codepen.io/tibixx/pen/mzwrzj上提供的代码:-

  var cx;
  var cy;

但不幸的是,这也没有成功。

我的下一个尝试是用所有需要的坐标生成一个JSON,然后用画出的线条生成一个画布。

我大胆地认为SVG不是与此相匹配的,所以我要看一下在画布上绘制它。

我可能过度考虑了存储JSON的过程。 否则如何附加此任务? 任何一个在正确的方向上推动的帮助都将是惊人的。


共1个答案

匿名用户

你有没有试过改变递归闪电模式,不是画一条从(sx,sy)到(cx,cy)的直线,而是画两条线(一条垂直,一条水平)? 实质上,你用直角三角形的另外两条边代替斜边。

我还没有一个代码示例,但可以想象这可以很好地工作。

编辑:

下面是结果的一个例子。 我在原始代码上工作,而不是把它分叉。 不要忘记更改draw()split()函数。