Forked from: FumioNonaka's EaselJSを使ったインスタンスの傾斜・伸縮・移動 View Diff (20)

Fork
3
Fav
2
View
4612
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 93 lines
  • HTML 3 lines
  • CSS 7 lines
『WebクリエイターのためのCreateJSスタイルブック』
http://www.fumiononaka.com/Books/CreateJS_Style_Book.html
02-10「EaselJSのMatrix2Dクラスを使ったインスタンスの変形」

Matrix2Dクラスにより、Bitmapインスタンスをハンドルの位置に合わせて変形する。
•右上: 垂直傾斜・水平伸縮
•左上: 移動
•左下: 水平傾斜・垂直伸縮
_____
3 draggable handles transforms a Bitmap instance with the Matrix2D class.
•top-right: skewing vertically and scaling horizontally.
•top-left: translating.
•bottom-left: skewing horizontally and scaling vertically.
  • EaselJSのMatrix2Dクラスを使ったインスタンスの変形
  • EaselJSのMatrix2Dクラスを使ったインスタンスの変形

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by

Forked

sort by