想问问大佬，这个东西怎么实现的。

2019-07-18 11:44:13 +08:00
 fenddddddda

https://apps.apple.com/cn/app/%E5%91%8A%E7%99%BD%E5%B0%8F%E4%BA%BA-%E8%87%AA%E7%94%B1%E7%89%88/id1290149289

里面的文字，是怎么做立体的？？？？

2827 次点击
所在节点    分享发现
14 条回复
shawndev
2019-07-18 12:48:58 +08:00
多个图层(CALayer)叠加。因为高度一致且文本是主体，高度较低的覆盖高度较高的图层。
331772955
2019-07-18 14:09:06 +08:00
文字没有立体吧。
fenddddddda
2019-07-18 14:14:43 +08:00
@331772955 ..是嘛，感觉是立体的，我水平转动，并没实现这个效果。
toma77
2019-07-18 14:15:28 +08:00
不是立体，是看起来立体。。
331772955
2019-07-18 15:11:14 +08:00
里面的文字感觉是绘图绘出来，不太像 label 吧。
fenddddddda
2019-07-18 15:57:21 +08:00
其他端上是怎么实现的呢？可以给个思路....
learnshare
2019-07-18 16:07:45 +08:00
按网格布局，然后网格旋转一定角度，文字及矩形背景做一下对角线拉伸
overflow99
2019-07-18 16:39:29 +08:00
css 可以用 3D 旋转
mlxy123123
2019-07-18 16:48:14 +08:00
https://en.wikipedia.org/wiki/Transformation_matrix#Other_kinds_of_transformations
https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/matrix

你是指矩阵变形吗？
momocraft
2019-07-18 16:56:48 +08:00
关键字：仿射变换

能流行的平台应该都有相应图形 API
Cabana
2019-07-18 20:47:43 +08:00
如果在 Android 里的话，就是一自定义 View，onDraw 里随便绘制这个很简单。每个人都是一个 View，再加上拖动的 touch 事件响应就 OK 了。
loading
2019-07-18 20:50:38 +08:00
这不叫立体，最多叫 2.5D 。
loading
2019-07-18 20:51:30 +08:00
楼主可以自行搜索
2.5D
Kuhlii
2019-07-19 11:16:38 +08:00
没有立体，2.5d 都算不上，仅仅只是遵循了透视原理。就好比你画一个立方体的其中三个面，只要遵循了透视原理，观察者就能直接联想到这是一个有六个面的立方体。

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/584073

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX