Skip to content

An interactive tool for building Bézier curves and visualizing the De Casteljau's algorithm

Notifications You must be signed in to change notification settings

tiago-kth/visgraf

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

41 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Welcome!

This is the code repository for "Visualizing the de Casteljau's Algorithm".

It was a bonus project for Tino Weinkauf's course "Introduction to Visualization and Computer Graphics", at KTH Royal Institute of Technology.

The website was coded from scratch using the Web Standards, and I used Greensock for animating.

The main application's script is er... script.js (it was written in a rush over a few days, so it's not super organized, sorry). The script opening.js is simply some unnecessary code for the unnecessary opening page that took some unnecessary amount of time... but it was fun to do too, it's made of 100 cubic Bézier curves slowing morphing and floating around.

I hope to use the main "engine" to build an interactive explainer about de Casteljau's ALgorithm in the future. It is really fascinating, a succession of linear interpolations over line segments that in the end results in beautiful curves.

Besides Tino's lectures, his recommended Freya Hólmer's video about Bézier Curves was also a great inspiration. She is awesome, check her webpage and join her Patreon.

Feel free to explore the code, just keep in mind that it was all done in a hurry, in less than a week and amid many other stuff and my real main job: being a father of two little human beings uprooted from the Tropics to the Artic (ok, almost).

tiago.wtf

About

An interactive tool for building Bézier curves and visualizing the De Casteljau's algorithm

Resources

Stars

Watchers

Forks