作品 ID: 3354

跳が跳ねる

公開

「跳」という文字が跳ねます。でもなぜか跳ねる高さがどんどん高くなっちゃう……？理論上は同じ高さまでしか上がらないと思うのに……

ソース

プログラム

枠は「DIV」のDOM部品作成。
それに{
  "幅": "25em",
  "高さ": "15em",
  "border": "1px solid currentColor",
  "position": "relative",
}をDOMスタイル一括設定。
それにDOM親要素設定。
跳は「跳」のラベル作成。
それに{
  "文字サイズ": "200%",
  "position": "absolute",
  "top": "20px",
  "left": "50px",
}をDOMスタイル一括設定。

定数の左端は0。
定数の右端は枠$clientWidth－跳$clientWidth。
定数の上端は0。
定数の下端は枠$clientHeight－跳$clientHeight。

変数のxは0。
変数のyは上端＋(下端－上端)×0.2。
変数のsxは80。
変数のsyは0。
定数のgは250。

変数の前回描画時刻は時間ミリ秒取得。

●更新とは
  定数の現在時刻は時間ミリ秒取得。
  定数の経過時間は(現在時刻－前回描画時刻)÷1000。
  前回描画時刻は現在時刻。

  xをsx×経過時間だけ増やす。
  もし、x＜左端ならば
    xは左端－x。
    sxは－sx。
  違えば、もし、右端＜xならば
    xは右端－(x－右端)。
    sxは－sx。
  ここまで。

  もし、下端＜y＋sy×経過時間ならば
    定数の到達時間は(下端－y)÷sy。
    定数の到達後時間は経過時間－到達時間。
    syをg×到達時間だけ増やす。
    syは－sy。
    yは下端＋sy×到達後時間。
    syをg×到達後時間だけ増やす。
  違えば
    yをsy×経過時間だけ増やす。
    syをg×経過時間だけ増やす。
  ここまで。

  もし、y＜上端ならば
    yは上端。
    syは0。
  ここまで。

  跳に{
    "top": 「{y}px」,
    "left": 「{x}px」,
  }をDOMスタイル一括設定。

  {関数}更新を画面更新時実行。
ここまで。

更新。

作品について

作品情報

作品を編集

みけCAT 作

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

⭐

作品公開情報

交流

コメントを取得中...