How to draw an Image in Perspective?

Question

I found an app which has an arrow which is used as a compass. The arrow moves when I rotate my device. You can see it in the following screen shots:

enter image description here

You can see that the size of the arrow changes depending on its direction as well as the gray shadow behind the arrow.

How can I create a 3D arrow with Swift or Objective-C? How can I make an image to appear 3D?

score 2 · Accepted Answer · edited May 23 '17 at 12:29

2

That's more like 2.5D, as it's sometimes called. It's a 2D image that's projected in 3D space. You can do that by applying a 3D transform to an image view's layer, and then modifying the m34 entry in the transform to a small negative value that gives the perspective. A value like -1/200 is a good starting point.

I suggest you look up CATransform3D perspective on Google. When I do that search the first link looks quite promising: How do I apply a perspective transform to a UIView?

edited May 23 '17 at 12:29

Community

1
1

answered Jul 20 '15 at 23:35

Duncan C

128,072
22
173
272

Did you look at the link I posted? – Duncan C Jul 20 '15 at 23:40
You're going to need to learn about 3D transformations to get the effect you are after. Explaining that is beyond the scope of a SO answer. – Duncan C Jul 20 '15 at 23:43
yes I did but I am a beginner and did not know where to start. – Sven Bauer Jul 20 '15 at 23:43
The code in the first answer in the link I posted is about as clear as it can be. If you can't make sense of it then you are in over your head. – Duncan C Jul 20 '15 at 23:45
Thanks for help I got it now. You helped me a lot. Thanks! – Sven Bauer Jul 20 '15 at 23:49
What about the shadow image. How do you make this? – Sven Bauer Jul 20 '15 at 23:50
Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/83813/discussion-between-duncan-c-and-sven-bauer). – Duncan C Jul 20 '15 at 23:55

How to draw an Image in Perspective?

1 Answers1