降を降らす

ソース

プログラム

横幅は400。
縦幅は240。
文字サイズは20。

「DIV」のDOM部品作成。
それに{
  "position": "relative",
  "width": "{横幅}px",
  "height": "{縦幅}px",
  "border": "1px solid currentColor",
  "overflow": "clip",
}をDOMスタイル一括設定。
それにDOM親要素設定。

進行中は空配列。

1/60秒毎には
  もし、20の乱数が0と等しいならば
    定数の新ラベルは「降」のラベル作成。
    それに{
      "position": "absolute",
      "font-size": "{文字サイズ}px",
      "left": "{(横幅－文字サイズ)の乱数}px",
    }をDOMスタイル一括設定。
    {
      "部品": 新ラベル,
      "位置": －文字サイズ,
      "速度": 0,
    }を進行中に配列追加。
  ここまで。

  進行中を反復
    対象$位置を対象$速度だけ増やす。
    対象$速度を0.1だけ増やす。
    対象$部品の「top」に「{対象$位置}px」をDOMスタイル設定。
    もし、対象$位置が縦幅超ならば
      対象$部品をDOM部品削除。
    ここまで。
  ここまで。
  進行中を配列フィルタには(E)
    E$位置が縦幅以下を戻す。
  ここまで。
  進行中はそれ。
ここまで。

作品について

作品情報

作品を編集

みけCAT 作

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

⭐

作品公開情報

交流

降を降らす

プログラム

作品情報

コメント