ねごとめも背景

ねごとめも

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


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

JS アニメーションイージング 作成テスト (e)

以前作成した → JS アニメーションイージング 作成テスト(d)では、
パスを切断、分割する場合にマウス座標と、
パスの描画座標を取得するため、
制御点を分割した割合上にある座標にパス切断座標を置いていました。
そのため、制御点を大きな値で分割してしまうと、
マウス座標と分割する位置に大きな差が出来てしまうことがありました。
そのため、制御点を分割する割合を小さくする必要がありました。

今回のは、制御点を大きな値で分割してもズレがないようにしてみました。

マウスの座標でパスを分割、切断するようにしてみました。が、、、
この方法が正しいのかは分かりません。。。_( _´ω`)_

2017/09/26 [22:25]

SVG パスの座標取得テスト (a)

SVG のパスの座標取得するプログラム作成しました。
パスのデータから、三次ペジェ曲線?のデータを取得。
その座標から、矩形データを作成。
マウスの X,Y 座標で当たり判定。
問題点は、パスのストローク幅を大きく指定した時の処理。
矩形の間に隙間が出来てしまいます。。。
以前、交点を求めて矩形データを取得するプログラムを書きました。
二直線の交点の座標を求めてパスを引く
その方法で作成しようと、
コードを見返してみたのですが、
グチャグチャで。。。、
線分? A と線分? B の角度が同じ時の処理等、
修正しなければならない所が沢山ありそうです。_( _´ω`)_

フレーム内をクリックするとパス上に点が描画されます。

2017/09/22 [02:15]

カウンター

プロフィール

negotoy

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

最新記事

カテゴリ

カレンダー

08 | 2017/09 | 10
- - - - - 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


PAGE TOP
広告: