回転寿司開店

http://gigazine.net/news/20140219-meshitero-share/

見てください。

なんておいしそうなサイト。

ああ寿司が食べたい。

作りました

寿司タグがついた写真が回ります

Chrome拡張です。

https://github.com/staybuzz/mstrSushiRotation/raw/master/bin/sushi-rotate.crx

ソースコード https://github.com/staybuzz/mstrSushiRotation

使い方

  • 寿司 または すし タグが付いた料理を開く
  • 写真にマウスを乗っける

にゃ

おとといぐらいに思いついておもむろにドットインストールを開いてChrome拡張のレッスンをやった。 今日ぼちぼちJavaScriptのレッスンやりつつ、ググりながら書きました。

いろんなコードを試しながらやっていったのですが未だにさっぱりJavaScript

使ったもの

回転させる

  • 公式の活用例がためになった
  • animationTo: agree
    • 指定した角度までぐるんぐるん回ってくれる
    • 角度に比例して回転速度も速くなる
    • durationを書くことでいくらか回転速度を調整できる
      • 今回書いたコードはagree=0コメントアウトしたが、有効にするとマウスオーバーするたびに角度が0°から再スタートする
      • 気分的にそれはいやだなあ…ということでコメントアウト
      • 凝ろうとするといろいろと難しかった…
  • stopRotate()
    • マウスアウトすると回転がとまる。

参考