Bina Papan Kekunci Interaktif dengan Hana

Pelajaran 10 daripada 15HanaPemula9 min

Hai! 👋

Dalam tutorial ini, anda akan belajar cara mencipta papan kekunci interaktif yang dibuat 100% dalam Hana. Kami akan melalui cara menambah bayang-bayang untuk mencipta kedalaman pada reka bentuk kita dan cara menggunakan peristiwa kekunci untuk berinteraksi dengan adegan kita menggunakan papan kekunci sebenar. Reka bentuk ini sangat fleksibel dan boleh digunakan dalam pelbagai cara. Jom kita mulakan!

Adun semula demo ini di sini: https://app.spline.design/ui/56d99098-8346-4abe-9e0a-674fdd6dcb0c

Apa yang akan anda pelajari

  1. 0:00Pengenalan
  2. 0:22Menambah bingkai asas
  3. 0:34Mencipta asas Papan Kekunci
  4. 1:14Menambah bayang-bayang pada asas Papan Kekunci
  5. 1:37Mencipta kekunci huruf dan nombor
  6. 3:31Mencipta kekunci Enter
  7. 3:45Menambah bayang jatuh pada nombor dan huruf
  8. 4:07Menambah peristiwa tekanan kekunci
  9. 6:57Membina interaksi skrin
  10. 8:50Reka bentuk akhir
  11. 9:04Penutup

Sumber berkaitan