[JS]オブジェクトをさまざまな方向に回転させるスクリプト -Roundabout Shapes

オブジェクトをパスに沿って、さまざまな方向に回転させることができるスクリプトをFredHQから紹介します。

Roundabout Shapes
デモ

パスは数値などで個別に記述するものではなく、下記のように多数のパターンが用意されています。

Lazy Susan
Roundaboutのデフォルト。
前面以外のオブジェクトをクリックすると、回転。

Water Wheel
水車のように垂直方向に回転。

Figure 8
水平方向の別バージョン。

Square
フラットな水平方向に回転。

Conveyor Belt (Left)
左方向にベルトコンベアのように。

Conveyor Belt (Right)
右方向にベルトコンベアのように。

Diagonal Ring (Left)
左上に傾けて回転。

Diagonal Ring (Right)
右上に傾けて回転。

Roller Coaster
波打つようにぐるぐる回転。

Tear Drop
角度をつけてらせん状に回転。

The Juggler
斜め方向に回転。

Goodbye Cruel World
エリア外に急激に落下。

Roundabout ShapesはjQueryのプラグインのため、実装にはjquery.jsが必要です。