TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

Moore Curve Voronoi Animation

82 点作者 diginova7 个月前

6 条评论

paulirish6 个月前
The author&#x27;s archive of animations is very pleasing: <a href="https:&#x2F;&#x2F;bleuje.com&#x2F;animationsite&#x2F;2024_1&#x2F;" rel="nofollow">https:&#x2F;&#x2F;bleuje.com&#x2F;animationsite&#x2F;2024_1&#x2F;</a>
评论 #42111913 未加载
评论 #42115566 未加载
评论 #42111999 未加载
Mithriil6 个月前
Moore Curve [1] is a sequence of curves that ends up filling a square as the sequence goes to infinity, thus asymptotically mapping [0,1] to [0,1]^2. (phrasing might not be mathematically correct)<p>So, my intuition tells me that what the site creator did is take the 4th Moore curve (which has 256 &quot;corners&quot;) in the sequence, then spread 256 points on the [0,1] interval and map the later into the former. The output points then serve as cores for the Voronoi diagram [2].<p>&quot;Adding holes&quot; in the 256 input points thus means to creates gaps in the 256 input points, possibly at regular interval. The animation happens when points slide from adjacent from the gap into the gap. I can&#x27;t find the exact logic of which point moves when. However, all points move at the same time when there are exactly 128 holes (i.e. 128 points on the curve), and there are three batches of points that move one after the others when there are 64 holes (thus 3 batches of 64 points moving).<p>[1] <a href="https:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;Moore_curve" rel="nofollow">https:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;Moore_curve</a><p>[2] <a href="https:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;Voronoi_diagram" rel="nofollow">https:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;Voronoi_diagram</a>
评论 #42118864 未加载
Etheryte6 个月前
Hint: if you&#x27;re on mobile, zoom out and go to the bottom left corner. The page appears broken at first, but it&#x27;s just the layout, at least on iOS.
评论 #42111879 未加载
smlacy6 个月前
Is there a description or some explanation of what this is?
评论 #42113001 未加载
评论 #42111383 未加载
diginova6 个月前
A really well explained video regarding voronoi diagrams and animations : <a href="https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=mEyWZmIBSqU" rel="nofollow">https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=mEyWZmIBSqU</a>
OnorioCatenacci6 个月前
That&#x27;s hypnotic