スライドショー

実行

 クリックで画像が切り替わります。

コード

  //初期化
  var Img = document.getElementsByName("slideImg");
  var slideImg = new Raster(Img[0]);
  slideImg.position = new Point(160, 80);
  //アニメーションデータ
  var click = false;
  var time;
  var frameRate = 45;
  var num = 0;
  var change;
  //
  function onMouseDown(event){
    if (click == false){
      click = true;
      time = 0;
      change = false;
    }
  }
  //アニメーション
  function onFrame(event){
    if (click){
      //時間が半分経過したら画像番号を増やす
      if ((time > frameRate / 2) && (change == false)){
        num ++;
        if (num == Img.length){num = 0;}
        change = true;
      }
      //
      var x = 2 * Math.PI * time / frameRate;
      var y = (Math.cos(x) + 1) / 2
      //
      slideImg.remove();
      slideImg = new Raster(Img[num]);
      slideImg.position = new Point(160, 80);
      slideImg.scale(y + 0.001);
      slideImg.rotate(360 * time / frameRate);
      //
      if (time >= frameRate){
        click = false;
      }else{
        time++;
      }
    }
  }
 Paper.jsはアニメーションを自分で作らなければならないので少々手間です。