Spline :: 반응형 3D 키보드 만들기 (Interactive 3D Keyboard)

 

이미지 클릭 후 키보드에서 1, 2, 0, Enter를 누르면 반응한다.

 

 

🔮 [Spline] 반응형 3D 키보드 만들기 (Interactive 3d Keyboard)

- 큐브를 만든 후 Shape/Smooth & Edit을 이용해서 모서리가 둥근 큐브를 만들어준다.

- 더 자연스러운 키보드 느낌을 위해서 Loof cut, Edge slide를 이용해 모양을 잡아준다. 

- 키보드 색은 Depth를 이용해 만들어주고 주황색 반사광은 Depth World로 만들어준다. (Absolute position 개념)

- State를 만들어서 Y축을 옮겨준 다음 이벤트를 만들어서 Key down, Key up으로 State를 연결해준다. 

 

📘 Takeaways

- 큐브에서 코너값을 주는 것보다 Smooth & Edit를 이용하는게 훨씬 더 자연스러운 큐브가 만들어진다.

(좌) Smooth & Edit cube (우) Rounded corner cube

🔗 Tutorial

https://youtu.be/cdru3Ibj8Eg