SplineСтворіть інтерактивну клавіатуру в Hana
Урок 10 з 15HanaПочатковий9 хв
Привіт! 👋
У цьому уроці ви навчитеся створювати інтерактивну клавіатуру, повністю зроблену в Hana. Ми розберемо, як додавати тіні, щоб надати дизайну глибини, і як застосовувати події клавіш, щоб взаємодіяти зі сценою за допомогою справжньої клавіатури. Цей дизайн дуже гнучкий, і його можна використати багатьма способами. Почнімо!
Зробіть ремікс цього демо тут: https://app.spline.design/ui/56d99098-8346-4abe-9e0a-674fdd6dcb0c
Чого ви навчитеся
- 0:00Вступ
- 0:22Додаємо базовий фрейм
- 0:34Створюємо основу клавіатури
- 1:14Додаємо тіні до основи клавіатури
- 1:37Створюємо клавіші з літерами й цифрами
- 3:31Створюємо клавішу Enter
- 3:45Додаємо тіні до цифр і літер
- 4:07Додаємо подію натискання клавіші
- 6:57Створюємо взаємодію з екраном
- 8:50Фінальний дизайн
- 9:04Завершення
