ねごとめも背景

    ねごとめも



    作成したプログラムは、こちらでも公開しています。
    よかったら覗いてみてください。_(┐「ε:)_
    → javascript,SVG で作成したプログラム置き場
    → プログラム一覧 - (2)

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

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

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

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



    2017/09/26 [22:25]

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

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

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



    2017/09/22 [02:15]

    カウンター

    プロフィール

    negotoy

    Author:negotoy
    好きな選手権 :chara選手権
    好きなコーナー :リスナーが凸して
    椎名林檎の丸の内を歌うコーナー

    PC ゲーム歴 :
    モバゲーのタイピングゲームで
    タイピングの練習(サービス終了)
    ニックネーム : クッキー
    以降ゲーム歴なし

    [ YouTube ]

    chara : あいのうた
    椎名林檎 : ありあまる富
    かせきさいだぁ : じゃっ 夏なんで
    阿部真央 : 貴方の恋人になりたいのです

    最新記事

    カテゴリ

    カレンダー

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