ねごとめも背景

ねごとめも

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


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

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

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

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

2017/09/22 [02:15]

折れ線グラフの座標(中間,分割座標)を求める (a)

前の記事 → CSS アニメーションイージング(cubic-bezier) 作成(B)
CSSのアニメーションイージングを作成するプログラムを作成したのですが、
CSS の値を JavaScript へ置き換えると、動きがスムーズでなかったりしました。
三次ペジェの座標を取得する関数に誤りがある事は、分かっていたのですが、
三角関数、ループの処理がうまく行かず放置してました。(:3冫 ノ)ノ

今回作成したプログラムは、その処理を大きな値で試したものです。たぶん。。。
三次ペジェ曲線は、間隔の短い直線をつなぎ合わせたもの?だと思うので、
このプログラムの処理に誤りがなければ、
三次ペジェ曲線(CSS の値を JavaScript へ置き換えるプログラム)の
処理もうまくいくはずと。。。_( _´ω`)_

このプログラムは、折れ線グラフの座標を取得する テスト プログラムです。
頂点の座標ではなく、中間の座標?を求めます。
ん?
横軸を一定の間隔で分割した時の折れ線グラフとの交点座標を
取得するプログラムです。
間違ってなければ。。。

2017/09/18 [23:16]

カウンター

プロフィール

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
広告: