2013-11-26

画像を新しくした

主にogp:imageで使ってる画像を作り直した。アニメーションGIFと見せかけてSVGアニメーション。PNGをData URIで埋め込んで、それをサクサク切り替えていくアニメーション書いただけ。

<animateTransform
  attributeName="transform"
  attributeType="XML"
  begin="0s"
  dur="2s"
  repeatCount="indefinite"
  calcMode="discrete"
  values="-480; -480; -480; -480; 0; 480"
  type="translate"/>

単純な表示の切り替えじゃなくて、transformで位置を動かし、discreteでスキップ・アニメーションさせる形で作った。画像それぞれは-480, 0に隠れていて、自分の番になったら0, 0に表れる感じ。