用 Hana 构建交互式键盘

Hana入门9 分钟

嗨!👋

在本教程中,你将学习如何制作一个 100% 在 Hana 中完成的交互式键盘。我们会介绍如何添加阴影为设计营造深度,以及如何应用按键事件,用真实键盘与场景互动。这个设计非常灵活,可以用在很多不同的场景中。我们开始吧!

在这里二次创作这个演示:https://app.spline.design/ui/56d99098-8346-4abe-9e0a-674fdd6dcb0c

你将学到

  1. 0:00简介
  2. 0:22添加基础画框
  3. 0:34创建键盘底座
  4. 1:14为键盘底座添加阴影
  5. 1:37创建字母键和数字键
  6. 3:31创建 Enter 键
  7. 3:45为数字和字母添加投影
  8. 4:07添加按键事件
  9. 6:57构建屏幕交互
  10. 8:50最终设计
  11. 9:04结束语

相关资源

相关教程

全部教程