画像切り替え方法研究

期間: 2026-02-23 〜

最終更新: 2026-02-27

画像切り替え方法研究

Play

  • Blur Mix Transition 01

    Canvas 2Dで2枚の画像をクリック切り替え。ブラー中に混色し、縮小・拡大と同期したベーシック遷移の検証

  • Blur Mix Transition 02 (歪み)

    three.js + GLSLで磁場中心ベースの歪み遷移を検証。クリック起点の歪み、RGB分離、ブラー、混色タイミング制御を含む実験版

  • TV風

    ブラウン管風の切り替え演出

改善点

  • 1はブラータイミングずらしてみたけど、画像のサイズ変更と同時の方が操作感良さそう。
  • 2について、歪み位置はある程度距離を保ってランダム化する様にした方が変化が面白い。

2は面白いので使ってみたい。ランダムな動きが楽しい。 実際の画像でどういう見え方をするかが気になるところ。