ねごとめも背景

ねごとめも

数学、電気の勉強始めました!プログラムにも挑戦しています!|ω・)ノ


作成したプログラムは、こちらでも公開しています。
よかったら覗いてみてください。_( _´ω`)_
→ javascript,SVG で作成したプログラム置き場

ベジェ曲線変形テスト(遠近法? GIMP)

画像処理ソフト GIMP の変形ツールに遠近法のグリッドを
javascript と canvas 要素を使って で再現してみました。
変形ツールを使うと変形情報行列という、謎のダイアログが。。。

GIMP:遠近法,変形情報行列ダイヤログ

遠近法の公式があって、変形情報行列の値を入れると
変形できるのかもしれません。。。。(:3冫 ノ)ノ

ベジェ曲線変形テスト(遠近法? GIMP)

グリッドにベジェ曲線の制御点を置いて変形させてみました。
ベジェ曲線の制御点ではなく、描画点を置いて変形するのが、
正しいのかもしれません。


2018/01/31 [03:20]

n 次ベジェ曲線描画 (Bezier curve - A)

半年ほど前に3次ベジェ描画の関数を書きました。
あれから。。。。

今回は、n 次ベジェ曲線描画の関数を書きました。
n 次ペジェなので、3次ベジェ曲線の描画も出来ます。
また、3次ベジェの関数より、コード量を少なく書くことが出来ました。
3次ペジェは、SVG、n 次ベジェは、canvas 要素に描画しています。

canvas クリックで 制御点
draw クリックで n 次ベジェ曲線描画
clear で リセットです。
描画後、制御点の移動が出来ます。


n 次ベジェ曲線


3次ベジェ曲線
2018/01/25 [05:24]

カウンター

プロフィール

negotoy

Author:negotoy
電気の勉強始めました!
テキストエディタを使ってプログラミングに挑戦中。fc2 ブログに公開しているテンプレート等は、自由にカスタマイズして、ご活用ください。プログラム実行の前に必ずコードの確認をお願いします。

最新記事

カテゴリ

カレンダー

12 | 2018/01 | 02
- 1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31 - - -


PAGE TOP
広告: