Spline - Day 22 – 可以按的計算機icon + 聲音 – (2) - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

2022 iThome 鐵人賽

DAY 13

0

Modern Web

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

Spline - Day 22 – 可以按的計算機icon + 聲音 – (2)

14th鐵人賽

2022-10-02 22:39:50

295 瀏覽

分享至

第22天，延續昨天的計算機icon，今天介紹加了動畫跟聲音，如何讓它同時按下去又發出聲音呢~

下面我列了幾個重點 :

點擊圓形按鍵，新增狀態跟交互，選滑鼠按下，記得開切換，過渡(Transition)改彈性。
接下來是發出聲音的部分，新增狀態跟交互，開始改成播放聲音，選自己想要的聲音，要跟點擊的交互一樣，選滑鼠按下。

成品(未按) :

成品(按下) :

我做的影片連結 : https://youtu.be/dByWaMEOhu8

預告: Day 23 – 人 - (頭)

Spline - Day 21 – 可以按的計算機 icon + 聲音 – (1)

Spline - Day 23 – 人 – (頭)

系列文

30天學習 3D網頁 - spline 共 30 篇

目錄

RSS系列文訂閱系列文

9 人訂閱

完整目錄

直播研討會

{{ item.subject }}

{{ item.channelVendor }} {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

尚未有邦友留言

立即登入留言

15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css react 程式設計 vue.js

IT邦幫忙