6x6点によるBスプライン曲面をHTML5 CanvasとJavaScriptのみで実装(メシュにエラ-有)。主な機能は以下の通りです:
表示モード切替:
ワイヤーフレーム表示
陰影付き表示(シェーディング)
マウス操作:
ドラッグ:回転操作
ホイール:ズーム操作
B-スプライン実装:
6x6の制御点による3次B-スプライン曲面
基底関数の再帰的計算
パラメータ空間での評価
レンダリング:
ワイヤーフレームモードでは格子線を描画
陰影表示モードでは三角形ポリゴンと法線計算による光源効果
このコードを使用すると、波状のB-スプライン曲面が表示され、マウスで自由に回転させることができます。また、表示モードをラジオボタンで簡単に切り替えられます。