iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

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

一直在想網頁能如何變的更創新,又不會跟別人撞題,就從網路上找資料、看影片,最後決定,朝3D的方向去延伸,因為我覺得立體的網頁能吸引使用者的目光,使他們停留並觀看,所以打算趁這次機會嘗試看看。

參賽天數 13 天 | 共 30 篇文章 | 9 人訂閱 訂閱系列文 RSS系列文
DAY 11

Spline - Day 11 – 立體圖型(變更材質) - 貓咪皮膚

第11天,要做的是延續昨天作的貓咪,因為東西有點多,就想說分兩天講,昨天是探討外型,今天要來做它的皮膚,下面我列了幾個重點: 主要皮膚製作是由躁點(Noise...

2022-09-21 ‧ 由 yufangzheng 分享
DAY 12

Spline - Day 12 – Sounds - 發出聲音的貓咪

第12天,我覺得要介紹的東西超級酷,做了會發出聲音的貓咪,真的超級可愛,可以透過滑鼠的點擊或是設定按鍵(例:輸入 1 、 p…),讓圖型有聲音。其中,可以使用裡...

2022-09-22 ‧ 由 yufangzheng 分享
DAY 13

Spline - Day 13 – 動畫效果 - 揮手的貓咪+發出聲音

第13天,做了會動的效果,雖然聽起來有點困難的感覺,但是其實超簡單,可以透過滑鼠或是設定某個按鍵(例: 1 ),就能讓它從原有的狀態(State)變成另一個狀態...

2022-09-23 ‧ 由 yufangzheng 分享
DAY 13

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

第14天,我要做的是3個簡單的button分別用不同材質組成,有躁點(noise)材質、一般的顏色材質、還有金屬材質,然後加入一些動畫,類似開關的效果,3個bu...

2022-09-25 ‧ 由 yufangzheng 分享
DAY 13

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

第15天,延續昨天作的開關,昨天主要是在說材質,今天著重在動畫的部分,下面列了幾個重點: 動畫 : 新增狀態跟交互,選擇鍵按下(例: 1、2、3),再調整圖型...

2022-09-25 ‧ 由 yufangzheng 分享
DAY 13

Spline - Day 16 – 燈泡 + 動畫

第16天,我要來做的是燈泡結合開關效果,會有開燈跟關燈的效果,下面一樣會列幾個重點 : 主要組成的圖形 : 球型跟圓形,透過平滑編輯修改形狀。 材質會用到的是...

2022-09-26 ‧ 由 yufangzheng 分享
DAY 13

Spline - Day 17 – 花朵 + 旋轉效果 – (1)

第17天,先說花朵的做法,明天會說旋轉效果的作法,其實花朵的效果的做法不難,很好上手,不需要捏什麼困難的圖型,下面我會列幾個步驟給大家參考 : 先拉一個立方體...

2022-09-27 ‧ 由 yufangzheng 分享
DAY 13

Spline - Day 18 - 花朵 + 旋轉效果

第18天,要來做旋轉的效果,其實旋轉的效果不會太困難,做出來其實挺可愛的,我做的花瓣是漸層的,所以,我覺得旋轉起來超級漂亮,下面我會列幾個旋轉的重點 : 切換...

2022-09-28 ‧ 由 yufangzheng 分享
DAY 13

Spline - Day 19 – 簡易海盜船模型 + 動畫 – (1)

第19天,要來做簡單的海盜船模型,我覺得整體的組成不困難,最困難的部分應該就是捏海盜船,而且小零件特多,不過,捏的時候不會很複雜,調整的方式也很簡單,下面我就列...

2022-09-29 ‧ 由 yufangzheng 分享
DAY 13

Spline - Day 20 – 簡易海盜船模型 + 動畫 – (2)

第20天,延續昨天的簡易海盜船模型,今天要來做的是海盜船的動畫,我覺得做出來變得超可愛,因為它很像嬰兒的搖籃,但是又沒那麼像,下面我會列幾個關於做簡易海盜船動畫...

2022-09-30 ‧ 由 yufangzheng 分享