Unity UI | Slider

更新 發佈閱讀 3 分鐘
vocus|新世代的創作平台

前言

  這篇文章將會講述 UI 中的Slider,並介紹它的使用方式及應用。

滑塊 | Slider

  UI 都必須包含在 Canva 下,這是 Unity 中用於滑塊的UI物件,所謂的滑塊是一條玩家可以互動的拉動組件,設計師可以定義最大值和最小值,並讓玩家拉動在遊戲中實時調整。

滑塊的組成

vocus|新世代的創作平台

  滑塊由三個遊戲物件組成,並且統一在名為 Slider 的遊戲物件中進行統一籌劃與設定,其中背景(Backgrouned)是滑塊的那一條灰色背景,填充區域(Fill Area)是滑動那一條白色背景,滑塊把手區域(Handle Slider Area)是玩家拉動的那一條圓圈。

滑塊關鍵參數 | Value

  這是在 Slider 中最下面的有一個叫做 Value 的數值可以調整,上下方有最大數值和最小數值,並且有從左到右和從右到左等共四種滑條模式可以選擇,Value直接跟滑條拉動程度相關,我會在應用展示非互動式用法。

滑塊關鍵事件 | On Value Changed

  此事件用於當值被改變的時候,會執行哪些事情,像是視覺上的改變或是值的更新,滑條的值只用於本身,可以用這個事件讓它跟遊戲物件做連結。

應用

  這是我撰寫 UI 介面時,連結玩家血量的非互動式 Slider使用方式,我刪除了圓圈,並且讓玩家血量跟 Value 做連結。

Unity Third person | life | UI


參考資料

Unity API | Slider



後記

  其實在寫這篇文章的時候,我才想起來我的使用方式不是 Slider 原本的使用方式,不過算是 Slider 的一個簡易使用方式,因此我就繼續把它撰寫完了,

瓶裝雪

你對我有興趣了?那太好了,我還有很多的作品跟知識可以讓你看看,無論是我對了抒發情感和鍛鍊文筆的生活與戀愛的文章、還是關於我自己專案的日程紀錄、粒子特效的作品展示,都可以在下面找到我。

最新消息與時間軸:

噗浪 ( plurk.com )

程式與設計:

臉書 ( Facebook.com )

痞客邦 ( pixnet.net )

戀愛與生活:

波波黛莉 ( popdaily.com.tw )

痞客邦 ( pixnet.net )

粒子與特效:

Instagram ( instagram.com )

Youtube ( youtube.com )

PixivFanbox ( fanbox.cc )

遊戲製作:

叭啦叭啦 ( gamer.com )

Twitter ( twitter.com )

Youtube ( youtube.com )


留言
avatar-img
瓶裝雪的沙龍
117會員
247內容數
你好,我是瓶裝雪!我是一名遊戲設計師!
瓶裝雪的沙龍的其他內容
2024/09/22
魔火術師是第三人稱動作射擊遊戲,屬於專題畢業製作,在畢業組成新的團隊後優化並上架。
Thumbnail
2024/09/22
魔火術師是第三人稱動作射擊遊戲,屬於專題畢業製作,在畢業組成新的團隊後優化並上架。
Thumbnail
2024/01/26
這篇文章將會講述虛擬(virtual)與覆蓋(override)的簡易使用方式。
Thumbnail
2024/01/26
這篇文章將會講述虛擬(virtual)與覆蓋(override)的簡易使用方式。
Thumbnail
2023/12/29
講述遊戲設計從新手到專業的發展方向。
Thumbnail
2023/12/29
講述遊戲設計從新手到專業的發展方向。
Thumbnail
看更多
你可能也想看
Thumbnail
這篇文章將會講述一款第三人稱自製控制器的滑雪遊戲,運用Arduino模擬滑雪的動作,在大學中滑雪關閉冷氣的遊戲。
Thumbnail
這篇文章將會講述一款第三人稱自製控制器的滑雪遊戲,運用Arduino模擬滑雪的動作,在大學中滑雪關閉冷氣的遊戲。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
這篇文章將會介紹 Collider 並說明應用與控制方式。
Thumbnail
這篇文章將會介紹 Collider 並說明應用與控制方式。
Thumbnail
這篇文章將會講述 UI 中的Slider,並介紹它的使用方式及應用。
Thumbnail
這篇文章將會講述 UI 中的Slider,並介紹它的使用方式及應用。
Thumbnail
這篇文章將會講述新增造型的種類及簡單介紹。
Thumbnail
這篇文章將會講述新增造型的種類及簡單介紹。
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
這篇文章將會介紹 Unity 怎麼處理動畫,從控制中心到每個獨立的動畫,都可以在這篇文章中找到,在這一周的時間內,我會從編輯器講述到實際應用。
Thumbnail
這篇文章將會介紹 Unity 怎麼處理動畫,從控制中心到每個獨立的動畫,都可以在這篇文章中找到,在這一周的時間內,我會從編輯器講述到實際應用。
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
產品新功能上線時,往往會需要在畫面附近加上引導,但引導要怎麼加?這篇整理 5 個常見引導位置,包含全站彈窗、新手引導、區塊引導、欄位引導、欄位說明。
Thumbnail
產品新功能上線時,往往會需要在畫面附近加上引導,但引導要怎麼加?這篇整理 5 個常見引導位置,包含全站彈窗、新手引導、區塊引導、欄位引導、欄位說明。
Thumbnail
這篇文章將會介紹碰撞體,並且說明在不同情況下的使用情形。
Thumbnail
這篇文章將會介紹碰撞體,並且說明在不同情況下的使用情形。
Thumbnail
這篇文章將會講述各種關節的介紹,並且說明他們的使用效果和適用範圍。
Thumbnail
這篇文章將會講述各種關節的介紹,並且說明他們的使用效果和適用範圍。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News