作品 ID: 3347

減速するプログレスバーの実験 (加速もあるよ)

公開

もしも再生位置を示すプログレスバーの位置が再生位置に比例していなかったら……？

ソース

プログラム

定数の加速は「加速 (2乗)」。
定数の等速は「等速」。
定数の減速は「減速 (平方根)」。
種類セレクトは[加速, 等速, 減速]のセレクトボックス作成。
それに等速をテキスト設定。
改行作成。

プログレスバーは「progress」のDOM部品作成。
それの「width」に「20em」をDOMスタイル設定。
それ$valueは0。
開始ボタンは「再生開始」のボタン作成。

定数の再生時間は30000。
再生開始時刻とは変数。

開始ボタンをクリックした時には
  開始ボタンに「再生中」をテキスト設定。
  開始ボタンにオフをDOM有効設定。
  種類セレクトにオフをDOM有効設定。
  再生開始時刻は時間ミリ秒取得。
  {関数}表示更新を画面更新時実行。
ここまで。

●表示更新とは
  定数の再生位置は(時間ミリ秒取得－再生開始時刻)を再生時間で割る。
  もし、それが1以上ならば
    プログレスバー$valueは1。
    開始ボタンに「再生開始」をテキスト設定。
    開始ボタンにオンをDOM有効設定。
    種類セレクトにオンをDOM有効設定。
  違えば
    種類セレクトのテキスト取得。
    それで条件分岐
      加速ならば、プログレスバー$valueは再生位置×再生位置💧
      等速ならば、プログレスバー$valueは再生位置💧
      減速ならば、プログレスバー$valueは再生位置の平方根💧
      違えば、プログレスバーの「removeAttribute」を["value"]でJSメソッド実行💧
    ここまで。
    {関数}表示更新を画面更新時実行。
  ここまで。
ここまで。

作品について

作品情報

作品を編集

みけCAT 作

ライセンス: CC0（著作権破棄）
形式: wnako
タグ: -
利用バージョン: 3.7.20
アクセス数(累計): 8
アクセス数(今月): 8
更新日時: 2026/06/21 23:44 編集: 2026/06/21 23:47

作品公開情報

交流

コメントを取得中...