請教一下手機遊戲畫面的元件素材，為什麼大多都是用裁切的？ - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0

請教一下手機遊戲畫面的元件素材，為什麼大多都是用裁切的？

遊戲圖片元件裁切

we684123 2021-05-17 22:46:29 ‧ 1818 瀏覽

分享至

個人對遊戲開發是外行，如果問得有點蠢希望邊小力點QQ

如圖，這是我用小畫家做的示意圖
個人發現目前為止所看到的app遊戲元件圖，絕大多數都是像這圖一樣
把所需要的元件圖片通通塞在同一張圖，然後用程式去分割出自己想要的元件區域
再貼上遊戲畫面的指定位置。

想請問這樣做有什麼特殊原因嗎? loading比較快?
感覺上如果要更新元件樣式會很不好更新? OAO

窮嘶發發發 iT邦高手 1 級 ‧ 2021-05-18 09:43:00 檢舉

很簡單啊，因為程式與美編不是同一個人，美編拿到的歐的是做出一百個元件圖
每個元件圖大概多大，然後之後有可能會更新，這樣美編只要做出一張圖上面有一百個元件，程式本來就能去切割然後顯示，之後要更新，只要更新一個檔案，不需要更新一百個檔案，這樣不是比較快，而且元件圖本來就會比較小，根本不需要在意載入速度的，小弟待過遊戲業，工作分配大致上就是這樣，包括人物動畫基本上也是一個檔案，然後讓程式去切割撥放時間而已

player iT邦大師 1 級 ‧ 2021-05-18 14:11:27 檢舉

1.關鍵色透空
2.遮罩圖
3.有Alpha值的圖檔(例如png)
至於切圖?你是要做Sprite動畫嗎? 如果是的話,看你手機遊戲底層是用哪一套引擎去繪圖的而定 (方法有很多種)

we684123 iT邦研究生 4 級 ‧ 2021-05-18 17:42:22 檢舉

謝謝窮嘶發發發說業界狀況！
---
謝謝 player
我沒有要實作啦www
只是拆到後面發現不少人都這麼做，好奇而已

登入發表討論

直播研討會

{{ item.subject }}

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

{{ formatDate(item.duration) }}

直播中

2 個回答

1

喵凹咿唉思嗯

iT邦研究生 5 級 ‧ 2021-05-18 14:06:29

最佳解答

這個東西叫Texture atlas, 有興趣可以查看看, 在不同情境下名稱可能不太一樣

這邊有提供一些關於Draw call更詳細的解釋, 這些操作可以減少繪圖時成本, 可以參考看看
https://gameinstitute.qq.com/community/detail/108363

至於麻煩倒是不用擔心, 通常這些都會有對應的工具可以使用, 幫助你打包或是編輯

譬如TexturePacker, 遊戲引擎一般也都會有對應的工具幫你做處理

回應 1
分享
檢舉

we684123 iT邦研究生 4 級 ‧ 2021-05-18 17:44:52 檢舉

感謝提供關鍵字！
受益良多 m(_ _)m

登入發表回應

1

㊣浩瀚星空㊣

iT邦大神 1 級 ‧ 2021-05-18 13:05:06

基本來說，你算說對了。
就是為了LOAD快。

一般正常要讀取一張圖片，是需要經過尋找->開檔->讀取->載入->關檔 .....等等動作。
如果統統都放在一張圖上的話。也就可以省下開關檔的動作。

這其實在一些網頁設計上，也會看到這樣的技術。
但相對的。在更新元件上的確會比較不容易。
正常大多數都還是搭配工具來處理。
如編輯時還是一張一張處理。最後再輸出合成成一張圖。

回應 1
分享
檢舉

we684123 iT邦研究生 4 級 ‧ 2021-05-18 17:43:50 檢舉

謝謝解惑 m(_ _)m

登入發表回應

我要發表回答

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22200 篇

完賽人數

602 人

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

IT邦幫忙