Category:Home/memo (Total 18 items)

≪ パスを使って画像をクリップする | コントロール用のwindowを出してみる ≫

図形の変形、移動等

  • 2008-05-25 (日)
  • memo
  • translate(x,y): 図形の移動
  • rotate(): 回転。通常パラメータは「度」。radians=でラジアン。
  • scale(): 拡大縮小。パラメータ1つだと縦横等倍で拡大縮小。パラメータを2つつけると比率を変えられる。scale(x,y)
  • skew(): 平行四辺形。パラメータ1つだとx軸方向にだけ歪む。skew(x,y)として、y軸方向も歪ませられる。

呼び出した後の全てに適用される。
連続して呼び出されるとscale()は乗算され、rotate()は加算されていく。

  • 回転の軸はtransform()で指定mode=CENTER(真ん中) or CORNER(左上)
  • リセットはreset()で行う。

適当な例

size(400,400)
rotate(45)
scale(0.5)
translate(-100,100)
oval(100,0,200,400)
rotate(-45)
translate(400,-100)
skew(0,45)
rect(0,0,200,100)
reset()
star(200,200)

一部分にだけ適応させたい場合はpush()とpop()で囲む。

scale(0.5)
translate(-100,100)
oval(100,0,200,400)
push()
rotate(-45)
translate(400,-100)
skew(0,45)
rect(0,0,200,100)
pop()
star(100,100)

今回は例がいつもに増して適当だった。

Category:Home/memo (Total 18 items)

≪ パスを使って画像をクリップする | コントロール用のwindowを出してみる ≫

Entries in this Category
Tutorial
Library
Syndicate this site

RSS 1.0 Feed

Return to page top