mirror of
https://github.com/Pomax/BezierInfo-2.git
synced 2025-01-16 13:09:27 +01:00
mastodon
This commit is contained in:
Pomax
parent
1febbb439b
commit
217dc9eeeb
898
docs/index.html
generated
898
docs/index.html
generated
File diff suppressed because it is too large
Load Diff
898
docs/ko-KR/index.html
generated
898
docs/ko-KR/index.html
generated
File diff suppressed because it is too large
Load Diff
@ -176,15 +176,15 @@
|
||||
</ul>
|
||||
<blockquote>
|
||||
<!--
|
||||
|
||||
|
||||
__ n=3 n-k k
|
||||
B(t) = ❯ \ P \binomnk(1-t) t
|
||||
cubic ‾‾ k=0
|
||||
B(t) = ❯ \ P \binomnk(1-t) t
|
||||
cubic ‾‾ k=0
|
||||
k
|
||||
|
||||
|
||||
3 2 2 3
|
||||
= P (1-t) + 3 P (1-t) t + 3P (1-t)t + P t
|
||||
|
||||
= P (1-t) + 3 P (1-t) t + 3P (1-t)t + P t
|
||||
|
||||
0 1 2 3
|
||||
-->
|
||||
<img class="LaTeX SVG" src="./images/news/2020-09-18.html/15225da473048d8c7b5b473b89de0b66.svg" width="401px" height="97px" loading="lazy" />
|
||||
@ -271,7 +271,7 @@ draw() {
|
||||
<a href="https://github.com/Pomax/BezierInfo-2/issues">you know where to go</a>.
|
||||
</p>
|
||||
<p>See you in the next post!</p>
|
||||
<p>— <a href="https://twitter.com/TheRealPomax">Pomax</a></p>
|
||||
<p>— <a href="https://mastodon.social/@TheRealPomaxTheRealPomax">Pomax</a></p>
|
||||
</main>
|
||||
|
||||
<hr />
|
||||
|
||||
@ -65,4 +65,4 @@ Enjoy [The new Primer on Bézier Curves](https://pomax.github.io/bezierinfo), an
|
||||
|
||||
See you in the next post!
|
||||
|
||||
— [Pomax](https://twitter.com/TheRealPomax)
|
||||
— [Pomax](https://mastodon.social/@TheRealPomax)
|
||||
|
||||
@ -133,7 +133,7 @@
|
||||
the point is the circle's center, and where the projection distance actually needs to match the circle radius, so:
|
||||
<a href="https://pomax.github.io/bezierinfo/#circleintersection">let's see how to do that</a>!
|
||||
</p>
|
||||
<p>— <a href="https://twitter.com/TheRealPomax">Pomax</a></p>
|
||||
<p>— <a href="https://mastodon.social/@TheRealPomax">Pomax</a></p>
|
||||
</main>
|
||||
|
||||
<hr />
|
||||
|
||||
@ -5,4 +5,4 @@ While the primer covered line/line, line/curve, and curve/curve intersections, t
|
||||
It is, in fact, rather similar to [projecting a point onto a bezier curve](https://pomax.github.io/bezierinfo/#projections) where the point is the circle's center, and where the projection distance actually needs to match the circle radius, so: [let's see how to do that](https://pomax.github.io/bezierinfo/#circleintersection)!
|
||||
|
||||
|
||||
— [Pomax](https://twitter.com/TheRealPomax)
|
||||
— [Pomax](https://mastodon.social/@TheRealPomax)
|
||||
|
||||
@ -17,10 +17,10 @@
|
||||
<title>Curve-circle intersections</title>
|
||||
<link>https://pomax.github.io/bezierinfo/news/2020-11-22.html</link>
|
||||
<description>
|
||||
|
||||
|
||||
<p>While the primer covered line/line, line/curve, and curve/curve intersections, there was one other obvious intersection conspicuously missing: circle/curve intersections. You'd think those were just an extension on the maths used for the other three, but unfortunately, this is not the case. Rather than using calculus, the only real way to determine where a polynomial curve intersects it is to sample the curve at a resolution high enough to find you intervals on the curve where there likely is an intersection, then refining that interval until you find actual intersections.</p>
|
||||
<p>It is, in fact, rather similar to <a href="https://pomax.github.io/bezierinfo/#projections">projecting a point onto a bezier curve</a> where the point is the circle's center, and where the projection distance actually needs to match the circle radius, so: <a href="https://pomax.github.io/bezierinfo/#circleintersection">let's see how to do that</a>!</p>
|
||||
<p>— <a href="https://twitter.com/TheRealPomax">Pomax</a></p>
|
||||
<p>— <a href="https://mastodon.social/@TheRealPomax">Pomax</a></p>
|
||||
|
||||
</description>
|
||||
<pubDate>Sun Nov 22 2020 00:00:00 +00:00</pubDate>
|
||||
@ -29,7 +29,7 @@
|
||||
<title>Rewriting the tech stack</title>
|
||||
<link>https://pomax.github.io/bezierinfo/news/2020-09-18.html</link>
|
||||
<description>
|
||||
|
||||
|
||||
<p>Once upon a time, I needed to draw some Bezier curves because I was trying to create a Japanese kanji composition system that turned strokes into outlines, and that required knowing how to offset Bezier curves and... at the time (2011, time flies) there was no good single source of information for Bezier curves on the web. So I made one. Sure it started small, but it turns out that if you just keep adding bits to something, several years later you have quite the monster, and a single HTML file becomes intractible.</p>
|
||||
<p>So, in 2016, when <a href="https://reactjs.org/">React.js</a> exploded onto the scene, I rewrote the primer as a React app, and it became a lot easier to maintain. Like, <em>a lot</em> a lot. However, there was a downside: no JS meant no content. Sure, server-side rendering sort of existed, but not really, and because the Primer is hosted through github, there was no "server" to run. Plus, trying to rehydrate an app the size of the Primer from a giant HTML file had truly <em>dire</em> performance.</p>
|
||||
<p>So I left it a regular React app, and every time I thought "wouldn't it be nice if it was just... a web page again?" the browser landscape just hadn't caught up. Finally, in 2020, things are different: with a global pandemic, and some vacation time, and something random causing me to look up the state of HTML custom elements, everything was pointing at it being time to finally, <em>finally</em>, turn the Primer back into a normal web page.</p>
|
||||
@ -57,15 +57,15 @@
|
||||
</ul>
|
||||
<blockquote>
|
||||
<!--
|
||||
|
||||
|
||||
__ n=3 n-k k
|
||||
B(t) = ❯ \ P \binomnk(1-t) t
|
||||
cubic ‾‾ k=0
|
||||
B(t) = ❯ \ P \binomnk(1-t) t
|
||||
cubic ‾‾ k=0
|
||||
k
|
||||
|
||||
|
||||
3 2 2 3
|
||||
= P (1-t) + 3 P (1-t) t + 3P (1-t)t + P t
|
||||
|
||||
= P (1-t) + 3 P (1-t) t + 3P (1-t)t + P t
|
||||
|
||||
0 1 2 3
|
||||
-->
|
||||
<img class="LaTeX SVG" src="./images/news/2020-09-18.html/15225da473048d8c7b5b473b89de0b66.svg" width="401px" height="97px" loading="lazy">
|
||||
@ -105,7 +105,7 @@ draw() {
|
||||
<tr><td>11</td></tr>
|
||||
<tr><td>12</td></tr>
|
||||
<tr><td>13</td></tr></table>
|
||||
|
||||
|
||||
<ul>
|
||||
<li>Responsive CSS, so the content intelligently reflows where possible.</li>
|
||||
<li>A "Live build" setup for working on the content and code.</li>
|
||||
@ -115,7 +115,7 @@ draw() {
|
||||
<p>It's going to take me a while to detail the entire tech stack, but ultimately what matters is that you get a Primer that is a normal "vanilla" HTML, CSS, and JS page again, that "just works" even with JS disabled.</p>
|
||||
<p>Enjoy <a href="https://pomax.github.io/bezierinfo">The new Primer on Bézier Curves</a>, and if you find any problems, <a href="https://github.com/Pomax/BezierInfo-2/issues">you know where to go</a>.</p>
|
||||
<p>See you in the next post!</p>
|
||||
<p>— <a href="https://twitter.com/TheRealPomax">Pomax</a></p>
|
||||
<p>— <a href="https://mastodon.social/@TheRealPomax">Pomax</a></p>
|
||||
|
||||
</description>
|
||||
<pubDate>Fri Sep 18 2020 00:00:00 +00:00</pubDate>
|
||||
|
||||
898
docs/ru-RU/index.html
generated
898
docs/ru-RU/index.html
generated
File diff suppressed because it is too large
Load Diff
898
docs/uk-UA/index.html
generated
898
docs/uk-UA/index.html
generated
File diff suppressed because it is too large
Load Diff
782
docs/zh-CN/index.html
generated
782
docs/zh-CN/index.html
generated
File diff suppressed because it is too large
Load Diff
@ -55,7 +55,7 @@
|
||||
{{ longDescription }}
|
||||
{% include "./fragments/donations.html" %}
|
||||
<p>
|
||||
— <a href="https://twitter.com/TheRealPomax">Pomax</a>
|
||||
— <a href="https://mastodon.social/@TheRealPomax">Pomax</a>
|
||||
</p>
|
||||
{% include "./fragments/noscript.html" %}
|
||||
{% include "./fragments/toc.html" %}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user