ねごとめも背景

ねごとめも

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


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

canvas 要素, setTransform : check-b

前回のプログラムに tan の項目を追加しました。
a, b, c, d に tan 指定で拡大縮小、
スライダーで値を変更すると、
ゴムみたいに伸び縮み、という結果でした。

See the Pen canvas, transform : test, check-b by negotoy (@negotoy) on CodePen.



2018/06/28 [02:45]

canvas, transform : test, check

canvas 要素の setTransform での描画変形を試したところ、
a, b, c, d, e, f の
どこの値で、どういう変形になるのかが掴めず。

値を変更して、出力すると、
変形させたいとこ、そこじゃない。。。

その都度、値を変えての描画が大変だったので、
値の変更を、即反映できるように
アニメーションを使ってプログラムしました。

出力結果を想像して、スライダーを動かしてみても
なぜそこが変形する。。。_(┐「ε:)_

See the Pen canvas, transform : test, check by negotoy (@negotoy) on CodePen.



2018/06/25 [17:36]

カウンター

プロフィール

negotoy

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

最新記事

カテゴリ

カレンダー

05 | 2018/06 | 07
- - - - - 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
広告: