- 3.4K All Categories
- 12 Introductions
- 2.7K Typeface Design
- 479 Font Technology
- 850 Technique and Theory
- 368 Type Business
- 345 Type Design Critiques
- 440 Type Design Software
- 29 Punchcutting
- 75 Lettering and Calligraphy
- 45 Technique and Theory
- 30 Lettering Critiques
- 290 Typography
- 202 History of Typography
- 81 Education
- 7 Resources
- 374 Announcements
- 60 Events
- 78 Job Postings
- 113 Type Releases
- 122 Miscellaneous News
- 198 About TypeDrawers
- 44 TypeDrawers Announcements
- 84 Suggestions and Bug Reports

Belleve Invis
Posts: **269**

I am curious about that, are there any attempts about using cubic B-splines as the extended form of cubic Bezier curves?

The advantages of B-splines are:

The advantages of B-splines are:

- Converting cubic B-splines down to Bezier curves is lossless (Boehm's algorithm).
- Four-point cubic B-splines with knot interval [0, 1, 0] is
**identical**to one segment of cubic Bezier curve. - Algorithms for handling cubic B-splines are well-studied (de-Boor, etc).
- B-splines preserves C2 continuity, it could prevent kinks when interpolation.

2

## Comments

283269269286My first impression is that it's good for drawing smooth paths, but at the expense of precise & intuitive control, since there are no on curve nodes (ignoring cusps) which are probably the easiest way to force the path to pass through certain points.

I'm wondering what the approach to drawing precise shapes with B-splines should be. Do you know of any resources?

283286283269So I made a little example using the techniques in the papers I posted yesterday. All these six shapes have the exact same control points (a square) but with different corner and edge "interval" assignments. In our conversion, each non-zero corner is converted into a quadratic Bezier curve arc, and each non-zero edge is converted into a cubic Bezier arc. Example 2 zeroes all the corner intervals to produce cubic B-splines. Example 3 zeroes all the edge intervals to produce a TrueType curve (quadratic B-spline).

CODE = https://gist.github.com/be5invis/48ff85b838f1a4904aebc575fbde3b83

269https://gist.github.com/be5invis/828d247819ddebe1dc3ba483b89cc533

269