iT邦幫忙

2022 iThome 鐵人賽

DAY 13
0
Modern Web

30天學習 3D網頁 - spline系列 第 14

Spline - Day 14 - 3種不同材質的開關 + 動畫 - (1)

  • 分享至 

  • xImage
  •  

第14天,我要做的是3個簡單的button分別用不同材質組成,有躁點(noise)材質、一般的顏色材質、還有金屬材質,然後加入一些動畫,類似開關的效果,3個button打開開關會變不一樣的顏色,做出來真的會覺得很酷,而且會一直想玩,大家也可以做一個玩看看~

以下我整理了幾個重點:

  1. 開關的素材 : 長方形或立方體,球體。
  2. 材質 : 躁點(noise)、Matcap、顏色。(其他參數依自己需求更改)
  3. 增加立體感 : 菲涅耳材質。

明天,會介紹動畫跟其中的細節,若有興趣的話就繼續看下去吧~

成品(關) : https://ithelp.ithome.com.tw/upload/images/20220920/20151431wUS2wNZ8Yw.png
成品(開) : https://ithelp.ithome.com.tw/upload/images/20220923/20151431lRiB4lud0H.png

預告: Day 15 – 3種不同材質的開關 + 動畫 - (2)


上一篇
Spline - Day 13 – 動畫效果 - 揮手的貓咪+發出聲音
下一篇
Spline - Day 15 – 3種不同材質的開關 + 動畫 - (2)
系列文
30天學習 3D網頁 - spline30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言