Forked from: FumioNonaka's EaselJSのMatrix2Dクラスを使ったインスタンスの変形 View Diff (16)

Fork
0
Fav
0
View
1212
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 99 lines
  • HTML 7 lines
  • CSS 7 lines

WebクリエイターのためのCreateJSスタイルブック
02-10「EaselJSのMatrix2Dクラスを使ったインスタンスの変形」をEaselJS 0.8.0に移行。

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 0.8.2: EaselJSのMatrix2Dクラスを使ったインスタンスの変形
  • EaselJS 0.8.2: 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