JSON动画是近年来越来越受欢迎的Web动画形式。使用JSON格式的数据来描述动画的过程，具有体积小、易于传输、灵活、可扩展等优点。那么，我们需要什么样的工具来完成JSON动画呢？

{
  "name": "animation-name",
  "frames": [
    {
      "duration": 500,
      "properties": {
        "x": 100,
        "y": 200,
        "opacity": 1
      }
    },
    {
      "duration": 1000,
      "properties": {
        "x": 300,
        "y": 400,
        "opacity": 0
      }
    }
  ]
}

首先需要创建动画对象，我们可以使用JavaScript或者一些现成的JS库来实现。如CreateJS、Lottie等。具体实现方法可以参考这些库的文档。下面是一个使用CreateJS库创建JSON动画的示例：

  var canvas = document.getElementById("mycanvas");
  var stage = new createjs.Stage(canvas);

  // 加载JSON动画数据
  var manifest = [
    {src:"animation.json", id:"animation"}
  ];
  var loader = new createjs.LoadQueue();
  loader.loadManifest(manifest);
  loader.on("complete", handleComplete, this);

  function handleComplete() {
    var animationData = loader.getResult("animation");
    // 创建动画对象
    var animation = new createjs.SpriteSheet(animationData);
    // 播放动画
    var sprite = new createjs.Sprite(animation);
    sprite.gotoAndPlay("animation-name");
    stage.addChild(sprite);
    createjs.Ticker.addEventListener("tick", stage);
  }

除此之外，还需要一个编辑器来制作JSON动画。目前比较常用的有Adobe Animate、Hippo Animator、Lottie Editor等。这些编辑器具有可视化、可交互的界面，使得制作JSON动画更加方便快捷。

综上所述，制作JSON动画需要使用JavaScript编写动画对象，使用编辑器制作JSON动画数据。当然，也可以自己手动编写JSON动画数据，并在代码中引用。JSON动画是一种优秀的Web动画形式，相信在今后的Web开发中会得到更广泛的应用。