2020年11月14日のブックマーク (2件)

  • ベジェ曲線、がどういう曲線なのか、分かった気がします - Little Strange Software

    概念が分かり辛いベジェ曲線。 どうやら、どういうものか理屈が分かってきた気がします。 どうも!LSSです!! SVGを触りだしてから出てきた「ベジェ曲線」。 SVGに限らず、お絵描きソフトでもその名前を見かける事はあり、 「なんかよく分からないけど綺麗な曲線を描いてくれる」 程度の認識でしたが、その理屈がちょっと分かった気がするので、改めて記事ネタにしてみます! まず参考にさせていただいたページ まず、直線の話 曲線の話。点Cを追加。 全く同じ話を、物語仕立てで書いてみます お話 あとがき まず参考にさせていただいたページ postd.cc ↑ベジェ曲線について、アニメーションまで用いて分かりやすく解説されているサイト。 昨日の記事、 【SVG】イマイチよく分からないベジェ曲線とお近づきになりたいツール の、はてなブックマークの「関連記事」に出ていました。 はてブってそういうメリットもあり

    ベジェ曲線、がどういう曲線なのか、分かった気がします - Little Strange Software
    tn198403s
    tn198403s 2020/11/14
    ベジェ曲線を理解できていないので、お話で説明できているかどうか不明ですが、正しいなら上手な説明です。というか、私の中でベジェ曲線は、生家に向かうブードゥー教信者を追う魔法使いの軌跡になりそうです。
  • 【SVG】イマイチよく分からないベジェ曲線とお近づきになりたいツール - Little Strange Software

    どうも!LSSです!! 先日、 の記事で「ベジェ曲線」というモノに触れましたが、これがやはり、文章で説明しづらい・感覚的につかみづらい! というわけで、LSS自身もちょっとベジェ曲線にお近づきになるべく、JavaScriptの力を借りてベジェれるものを作って遊んでみる事にしました! ベジェ曲線とお近づきになりたいツール 一応、ツールのコードも載せておきます。 あとがき ベジェ曲線とお近づきになりたいツール この四角形の枠組の中で、マウスクリックすると、 「クリックした位置を制御点とした、座標250,50~50,350の曲線」 が描かれます。 ついでに、そのベジェ曲線を書き出したい時のコードも出てきます。 一応、ツールのコードも載せておきます。 コード <p>[]<svg xmlns="http://www.w3.org/2000/svg" width="300" height="400"

    【SVG】イマイチよく分からないベジェ曲線とお近づきになりたいツール - Little Strange Software
    tn198403s
    tn198403s 2020/11/14
    >「そっちに引っ張られる感じ」そうなんです。windows「ペイント」の図形ツールの曲線もベジェ曲線と思うのですが、2点を決める仕様。1点目でここ!と思っても2点目に引っ張られて、あらら~?と予想外になります。