Cohen-Sutherland 線分クリッピング法

線分の開始点をクリックしてください
クリッピング領域
元の線分
クリッピング後の線分
使用方法:
1. キャンバス上をクリックして線分の開始点と終了点を設定(2回クリック)
2. 「クリッピング実行」ボタンで線分をクリッピング領域内に切り取り
3. 「クリア」ボタンで画面をリセット

領域コード法(Cohen-Sutherland線分クリッピングアルゴリズム)を実装したHTMLとJavaScriptコードを作成します。Cohen-Sutherland線分クリッピング法を実装したHTMLとJavaScriptコードを作成しました。この実装には以下の特徴があります: **主な機能:** 1. **インタラクティブな線分描画** - キャンバス上をクリックして線分を描画 2. **Cohen-Sutherlandアルゴリズム** - 領域コード法による効率的なクリッピング 3. **視覚的な表示** - 元の線分(青)、クリッピング領域(赤)、クリッピング後の線分(緑) 4. **デモ機能** - サンプル線分で動作確認 **アルゴリズムの実装:** - **領域コード計算** - 各点を9つの領域に分類(INSIDE, LEFT, RIGHT, TOP, BOTTOM) - **効率的な判定** - ビット演算による高速な受諾・棄却判定 - **交点計算** - 境界線との交点を正確に計算 **使い方:** 1. キャンバス上で2回クリックして線分を描画 2. 「クリッピング実行」ボタンでアルゴリズムを実行 3. 「デモ実行」ボタンで様々なパターンの線分を試す このコードは教育目的に最適で、Cohen-Sutherlandアルゴリズムの動作を視覚的に理解できます。