KineticJS HTML5 Canvas 谐波振荡器答案

【问题标题】：KineticJS HTML5 Canvas Harmonic OscillatorKineticJS HTML5 Canvas 谐波振荡器
【发布时间】：2014-03-24 18:03:45
【问题描述】：

我想使用 KineticS 制作 similar thing。但只有这样的东西 - http://codepen.io/anon/pen/CptLd。你能帮帮我吗？

【问题讨论】：

您可以将此示例的绘图代码放入 Kinetic.Shape：html5canvastutorials.com/kineticjs/… 然后您可以使用 Kinetic.Animation 为振荡设置动画：html5canvastutorials.com/kineticjs/…
@markE，你能给我举个例子吗？
查看 Kinetic.Shape。它为您提供了一个用于绘制的画布上下文，因此您可以将示例中的绘图代码放入 Shape 的 sceneFunc 中。试试看！

标签： javascript html canvas kineticjs physics

【解决方案1】：

var anim = new Kinetic.Animation(function(frame) {
  var scale = Math.abs(0.5 * (Math.sin(2* Math.PI * frame.time / 3000) + 1.5));
  weight.setY(200 * scale + 40);
  spline.scale({y:scale});
}, layer);

http://codepen.io/anon/pen/nraLo

【讨论】：