Introduction

This is my assignment page for course S1S2-0510029 computer graphics in University of Tokyo.

My page contains various three.js implementation of different parametric curve methods including Bezier curve, Catmull-Rom, B-Spline, K-Curve and C² splines.

No built-in function is called. All parametric curves are implemented by myself using the mathematic formulas.

You can switch the tab by clicking the button on the left sidebar.

Github Source Code

このページは、東京大学S1S2-0510029コンピュータグラフィックスコースの私の課題ページです。

Bezier curve, Catmull-Rom, B-Spline, K-Curve and C² splines.などのパラメトリック曲線のthree.jsの実装を紹介しています。

ビルトイン関数は呼び出されていません。すべてのパラメトリック曲線は、数学的な数式を使って私自身が実装したものである。

左サイドバーのボタンをクリックすると、タブを切り替えることができます。

ソースコード こちら

説明-考察-感想

左サイドバーをクリックすると、私の実装を見ることができます。

等長セグメント(同じサンプル距離)でベジェ曲線を作るために、Loop-Up-Tableを使って等長セグメントのおおよその時間スケールを求めました。

同じサンプル距離の点を繰り返し、近傍の点を見つけ、「Loop-Up-Table」を使ってt値をremapする。

重要なのは、t値更新中にオリジナルt値テーブルを変更してはいけないということです。そのため、更新時にt値テーブルをコピーする必要があります。

© Copyright 2022 Yifei Chen - University of Tokyo