ねごとめも背景

ねごとめも

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


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

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

前回の記事 → JS トランジションタイミング 作成テスト(c)
前回作成したプログラムに get で取得した applyData の値を読み込ませると、
制御点の座標を復元出来るようにしました。
_( _´ω`)_
2017/09/17 [05:57]

JS トランジションタイミング 作成テスト(c)

前回の記事 → CSS トランジションタイミング 作成テスト(B)
前回作成したプログラムは制御点が 4 つ(固定)でしたが、
今回作成したプログラムは制御点を追加できるようにしました。
パス上クリックで制御点が追加出来ると思います。

操作方法
パス上 click 制御点追加
[ 制御点 ] drag → 制御点 移動
[ 制御点上 ] ctrl + drag → 制御点 円 移動
[ 制御点 : 四角上 ] ctrl + click → 制御点 円 リセット
[ 制御点 : 円上 ] ctrl + alt + click → 制御点 円 リセット

ペジェ曲線の座標、x 又は、y と 時間で処理すると、
急加速、急減速が出来るのですが、
x, y の処理では、それが出来ないようです。
その代わり、要素が行ったり来たりという、動きが出来たりしました。
(時間との処理でも出来るのかもしれません。)
_( _´ω`)_

2017/09/16 [11:29]

カウンター

プロフィール

negotoy

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

最新記事

カテゴリ

カレンダー

09 | 2017/10 | 11
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
広告: