コード、データと QRツール

フィジェットスピナー

クリックまたはドラッグで回転させ、ブラウザーだけで動く小さなおもちゃの動きを楽しみましょう。

ブラウザ内で処理登録不要プライバシーの説明 ↗

クリックまたはドラッグ

回す準備ができました。

使い方

使い方

  1. スピナーをクリックするか、回したい方向へドラッグします。
  2. 離すと見た目の速度が自然に下がります。
  3. リセットで色と角度を初期状態に戻します。

小さなビジュアル玩具

気分転換と遊びのためのブラウザーアニメーションです。モーションセンサーを読まず、現実の物理を再現するものでもありません。

マウスとタッチに対応

クリックで軽く動かすか、マウスやタッチ画面で中心の周りをドラッグして方向と速度を与えます。

ブラウザー内で動作

ローカルのポインターイベントと CSS 変形だけを使い、入力を送信・保存しません。

よくある質問

あわせて知りたいこと

どうやって回しますか?

クリックで軽く回すか、中心の周りを押してドラッグします。方向と距離で見た目の動きが決まります。

物理シミュレーションですか?

いいえ。単純な減速を使った軽いビジュアル玩具で、実際のベアリングをシミュレートしません。

端末のセンサーを使いますか?

いいえ。スピナー上のポインターとタッチ操作だけに反応します。