デモの使い方

ドラッグで描いた線が12分割の回転対称と鏡像で複製され、万華鏡模様として描かれていくお絵かきデモです。

万華鏡 お絵かき Canvas描画

操作手順

  1. 「Click & Drag to Draw」の通り、画面上でマウスをドラッグする
  2. 描いた線が12分割の対称パターンとして複製され、万華鏡模様になっていくのを確認
  3. ドラッグを続けると色相が変わりながら虹色の模様が広がるのを観察

活用シーン

  • 回転対称・鏡像エフェクトの描画手法の学習
  • hue回転による虹色グラデーション描画の実装例
  • Webサイトや展示でのインタラクティブ演出の参考実装
Click & Drag to Draw