Spline
Kausapin ang salesMagsimulang gumawa

Gumawa ng Interactive na Keyboard gamit ang Hana

HanaBaguhan9 min

Hi! 👋

Sa tutorial na ito, matututunan mo kung paano gumawa ng interactive na keyboard na 100% gawa sa Hana. Dadaanan namin kung paano magdagdag ng mga shadow para bigyang-lalim ang mga design natin at kung paano maglapat ng mga key event para makipag-interact sa scene gamit ang totoong keyboard natin. Napaka-flexible ng design na ito at magagamit sa maraming iba't ibang paraan. Simulan na natin!

I-remix ang demo na ito dito: https://app.spline.design/ui/56d99098-8346-4abe-9e0a-674fdd6dcb0c

Ang matututunan mo

  1. 0:00Intro
  2. 0:22Pagdaragdag ng base frame
  3. 0:34Paggawa ng base ng Keyboard
  4. 1:14Pagdaragdag ng mga shadow sa base ng Keyboard
  5. 1:37Paggawa ng mga letter at number key
  6. 3:31Paggawa ng Enter key
  7. 3:45Pagdaragdag ng mga drop shadow sa mga numero at letra
  8. 4:07Pagdaragdag ng key press event
  9. 6:57Pagbuo ng screen interaction
  10. 8:50Final na design
  11. 9:04Outro

Mga kaugnay na resource

Mga kaugnay na tutorial

Lahat ng tutorial
Paano Gumawa ng Reactive na 3D Orb na may Galaw at Interaction

Spline 3DIntermediate7 min

Gumawa ng mga Interactive na Design na Tumutugon sa Mouse Mo gamit ang Hana

HanaBaguhan6 min

Paano Gumawa ng mga 3D Data Visualization sa Spline gamit ang mga Variable at Real-Time API

Spline 3DAdvanced15 min