设计与产品pomax.github.io编辑精选
贝塞尔曲线入门
A Primer on Bézier Curves
2014 — 2022,它一次次回到首页
黑点是上首页(≥ 50 分)的那次投稿,空心点是没冲上去的投稿,点越大分数越高。
导读
这是 Pomax 编写的贝塞尔曲线在线教程,从基础概念一路讲到曲线求交、投影、曲率等进阶内容,并配有可交互的示例和配套的 bezier.js 库。该项目自 2011 年起持续更新,现已支持多语言(包括中文翻译),多年来多次登上 Hacker News 首页。
为什么经久不衰:它是贝塞尔曲线领域公认的一站式免费教程,内容随年份不断扩充并保持更新,无论入门还是查阅进阶细节都极其实用。
HN 评论精选
作者介绍项目持续更新多年,并宣布支持本地化,中文翻译已在推进。
作者 Pomax:这是自 2011 年以来持续更新的项目,每次上 HN 时内容都比上次更丰富。最新改进是代码库支持了本地化,欢迎双语者帮忙把内容翻译给非英语读者,中文和日文翻译已在进行中(目前覆盖前 10 节左右)。
TheRealPomax查看英文原文
Pomax (the author) here: for those wondering about what's different since last time this hit HN, this is a slowly-but-surely updating project that has been in the works since 2011. If you remember seeing it before: you're not wrong! But it will probably have been less content or less functionality than it is this time round =) The latest improvement is that the codebase now supports localization which means that if you're a dual (triple, etc) speaker and you want to help bring this content to people who don't speak English, now you can! Chinese and Japanese localizations are already underway (although it's a volunteer effort, much like the Primer itself, so progress is again steady, but slow) and currently cover the first 10 or so sections. For more details on the fine points of the build system and how much work it was to overhaul an "everything is assumed to be English, no l10n provisions have been made whatsoever" to "EASY to localize" (not just 'possible to', but 'easy'), hit up http://pomax.github.io/1489108158510/localization-is-hard where I've blogged about the uplift and the tech choices I made. And on a less impressive note but certainly more useful for social sharing, the social share buttons now actually point to the section you're reading, so that future sections can be shared waaay easier. For the last six years, those things have just pointed to the base article URL and that is not very useful when you want to share the fact that you just read up on how to split a Bézier curve using matrix operations, or want to link to the B-Spline section all the way at the bottom of the Primer.
推荐配合动画演示来直观理解贝塞尔曲线。
直到看到动画演示我才真正理解贝塞尔曲线:https://www.jasondavies.com/animated-bezier/
seanalltogether查看英文原文
It never fully clicked for me until I saw it animated https://www.jasondavies.com/animated-bezier/
读者靠这篇文章实现了沿曲线排布文字的功能,称其为一站式资源。
这篇文章非常好!多亏了它(和维基百科),我才能写出沿曲线均匀排布字母的代码,字母还会随曲线旋转。它基本上是贝塞尔曲线相关内容的一站式资源。
klibertp查看英文原文
This is a really good article! It was thanks to this (and the Wikipedia page) that I managed to write code[1] for drawing evenly-spaced letters along the curve. The letters are even rotated to match the curve, all thanks to this article. It's basically a one-stop shop for all things Bezier :) [1] In Racket, here: https://github.com/piotrklibert/curved-text
盛赞网站质量,并补充推荐 NURBS 与小波方面的进阶书籍。
每次看到这个网站都惊叹于它做得有多好。顺便推荐两本书:《The NURBS Book》适合想自己写 B 样条库的人,《Wavelets for Computer Graphics》则是从传统 B 样条进入多分辨率分析的好入门。
tobmlt查看英文原文
Wow, every time I see this site I am blown away by how well it is done. I am going to put a couple of book titles out there in case somebody doesn't know about them and could benefit: 1.) "The NURBS book" -- Anybody got this one on their bookshelf? (authors Les Piegl and Wayne Tiller) I can't recommend it enough, if you are into rolling your own traditional B-spline lib with expert help! 2.) Then, for a gentle intro to multiresolution (especially because it makes for a good jumping off point from traditional B-splines) there is "Wavelet's for Computer Graphics" by Eric Stollnitz, Tony DeRose, and David Salesin. Very good for a "matrix transform / projection-prolongation picture of splines, and related entities. Anyway, these helped me on my (continuing) Spline/CAD journey. Cheers.
历次讨论
同类还值得读
WebGL 水面模拟
WebGL Water
Evan Wallace 制作的 WebGL Water 演示:在浏览器里实时渲染一片水面,展示折射、反射和焦散等 GPU 图形效果。
设计与产品上首页 6 次 · 2011–2025madebyevan.com设计建议:永远不要使用黑色
Design Tip: Never Use Black
设计随笔提出“永远不要用纯黑”的建议,主张在界面和绘画中改用深灰或带色相的暗色,并借阴影与色彩关系来论证。
设计与产品上首页 5 次 · 2012–2021ianstormtaylor.com用于思考不可想象之物的媒介
Media for Thinking the Unthinkable
Bret Victor 的这个页面围绕《Media for Thinking the Unthinkable》展开,探讨我们用来思考和表达复杂问题的媒介,以及以文字/符号为主的传…
设计与产品上首页 5 次 · 2013–2020worrydream.com编辑精选页面重量很重要
Page Weight Matters
博文讲 YouTube 工程师 Chris Zacharias 的一次页面瘦身实验:团队做了一个更轻量的页面版本,起初从整体平均加载时间看反而更慢;按地理区域分层后才发现,轻量版…
设计与产品上首页 4 次 · 2012–2022blog.chriszacharias.com在抽象阶梯上上下下
Up and Down the Ladder of Abstraction
Bret Victor 的交互式长文,以“抽象阶梯”为隐喻,讲如何在不同抽象层级之间上下移动来理解、设计和可视化复杂系统。
设计与产品上首页 4 次 · 2011–2021worrydream.com编辑精选