Transform

3 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$99.99
List Price:  $139.99
You save:  $40
€92.01
List Price:  €128.82
You save:  €36.80
£78.62
List Price:  £110.08
You save:  £31.45
CA$136.30
List Price:  CA$190.82
You save:  CA$54.52
A$149.91
List Price:  A$209.88
You save:  A$59.97
S$134.67
List Price:  S$188.54
You save:  S$53.87
HK$780.27
List Price:  HK$1,092.41
You save:  HK$312.14
CHF 90.94
List Price:  CHF 127.32
You save:  CHF 36.38
NOK kr1,066.52
List Price:  NOK kr1,493.17
You save:  NOK kr426.65
DKK kr686.58
List Price:  DKK kr961.24
You save:  DKK kr274.66
NZ$163.87
List Price:  NZ$229.42
You save:  NZ$65.55
د.إ367.25
List Price:  د.إ514.17
You save:  د.إ146.91
৳11,719.12
List Price:  ৳16,407.24
You save:  ৳4,688.11
₹8,330.23
List Price:  ₹11,662.65
You save:  ₹3,332.42
RM469.20
List Price:  RM656.90
You save:  RM187.70
₦150,315.07
List Price:  ₦210,447.11
You save:  ₦60,132.04
₨27,850.73
List Price:  ₨38,992.14
You save:  ₨11,141.40
฿3,630.46
List Price:  ฿5,082.79
You save:  ฿1,452.33
₺3,219.70
List Price:  ₺4,507.71
You save:  ₺1,288.01
B$510.41
List Price:  B$714.60
You save:  B$204.18
R1,812.12
List Price:  R2,537.04
You save:  R724.92
Лв179.93
List Price:  Лв251.91
You save:  Лв71.98
₩136,185.36
List Price:  ₩190,664.95
You save:  ₩54,479.59
₪367.41
List Price:  ₪514.40
You save:  ₪146.98
₱5,821.06
List Price:  ₱8,149.72
You save:  ₱2,328.66
¥15,620.48
List Price:  ¥21,869.30
You save:  ¥6,248.82
MX$1,652.93
List Price:  MX$2,314.17
You save:  MX$661.24
QR364.95
List Price:  QR510.95
You save:  QR145.99
P1,352.36
List Price:  P1,893.35
You save:  P540.99
KSh13,173.68
List Price:  KSh18,443.68
You save:  KSh5,270
E£4,665.55
List Price:  E£6,531.96
You save:  E£1,866.40
ብር5,748.74
List Price:  ብር8,048.47
You save:  ብር2,299.72
Kz84,841.51
List Price:  Kz118,781.51
You save:  Kz33,940
CLP$89,061.09
List Price:  CLP$124,689.09
You save:  CLP$35,628
CN¥708.59
List Price:  CN¥992.06
You save:  CN¥283.46
RD$5,854.95
List Price:  RD$8,197.17
You save:  RD$2,342.21
DA13,441.70
List Price:  DA18,818.91
You save:  DA5,377.21
FJ$225.92
List Price:  FJ$316.30
You save:  FJ$90.37
Q777.53
List Price:  Q1,088.58
You save:  Q311.04
GY$20,937
List Price:  GY$29,312.64
You save:  GY$8,375.63
ISK kr13,829.61
List Price:  ISK kr19,362.01
You save:  ISK kr5,532.40
DH991.60
List Price:  DH1,388.28
You save:  DH396.68
L1,762.87
List Price:  L2,468.10
You save:  L705.22
ден5,662.62
List Price:  ден7,927.89
You save:  ден2,265.27
MOP$803.97
List Price:  MOP$1,125.59
You save:  MOP$321.62
N$1,822.52
List Price:  N$2,551.60
You save:  N$729.08
C$3,683.31
List Price:  C$5,156.79
You save:  C$1,473.47
रु13,336.33
List Price:  रु18,671.39
You save:  रु5,335.06
S/374.07
List Price:  S/523.71
You save:  S/149.64
K388.76
List Price:  K544.29
You save:  K155.52
SAR375.01
List Price:  SAR525.03
You save:  SAR150.01
ZK2,584.38
List Price:  ZK3,618.24
You save:  ZK1,033.85
L457.58
List Price:  L640.63
You save:  L183.05
Kč2,270.94
List Price:  Kč3,179.41
You save:  Kč908.46
Ft35,419.21
List Price:  Ft49,588.32
You save:  Ft14,169.10
SEK kr1,065.66
List Price:  SEK kr1,491.97
You save:  SEK kr426.30
ARS$88,866.21
List Price:  ARS$124,416.25
You save:  ARS$35,550.04
Bs691.54
List Price:  Bs968.19
You save:  Bs276.64
COP$383,048.62
List Price:  COP$536,283.39
You save:  COP$153,234.77
₡51,221.68
List Price:  ₡71,712.40
You save:  ₡20,490.72
L2,473.46
List Price:  L3,462.95
You save:  L989.48
₲749,179.97
List Price:  ₲1,048,881.93
You save:  ₲299,701.95
$U3,850.87
List Price:  $U5,391.37
You save:  $U1,540.50
zł391.42
List Price:  zł548.01
You save:  zł156.58
Already have an account? Log In

Transcript

Hello, in this video I am going to show you the transform class. So the transform class simply allows you to transform the contents of you know what's inside of it. So it could be an image could be text, I'm going to use an image, but you could put a container inside of it, you could put a just an image per a row or column allows you to put multiple widgets inside of it. So I've got this child with the container and inside they've got a child who's in an image on a chain this container to a transform with you too late, literally change it to transform. This has a requirement, it needs a transfer property that's like the minimum requirement then they need to do it this is not optional. So equals form.

And if you put matrix for this is to do matrices, matrix for and you can rotate it along one of the axes. You can translate it translational movement, rotation With offices rotation and skewness, and she likes to actually, I was going to deal with rotation but you can check out the others as well. I'm gonna do rotation by the depth which will be rotation in the normal 2d, normal 2d rotation. So because it is in radians, that's something to bear in mind, you can get it converted to converted from radio to desktop, I mean two degrees if you want to own but zero for now, just so you can see nothing change so nothing changes. Let's say how many 45 degrees 3.14 180 degree basically pi 1.57 will be 90 degrees. So it is half of that 0.78 quite roughly 0.785 0.785 should be 45 degrees.

Okay, as you can see it's rotated by the top left. If you want to change that and obviously host your mind For example, you rotate it the other way. For a chain, the point that it's rotating around you just put origin and is an offset. So how many essentially not optical you want to move left and right, the property 100 by 102, Chinese zero. This is normal. And as you can see, it's rotated by about, you know, this forum point here.

So what I want you to do as an extra task is experiment with this experiment with the different rotation matrices, the translation and the skewing ones, but also try and see if you can make this dynamic. So we rotate it by the center of the image, your low clue, you'll want to create this into a variable and get the width and the height and do your need to do something with that. If you have any questions, feel free to pop me a message. Anneliese will. I look forward to seeing you in the next video

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.