[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が必要です。

sponsors

top of page

©2018 coliss