← 開發日誌

為了一顆子彈的洞,跟自己的「何必堅持」盧了兩小時

2026-06-08 #創鬥卡#招式特效#狙擊#碎碎念

先聊個背景:創鬥卡是普拉魂的卡牌對戰小遊戲——拍下你的鋼彈/鋼普拉模型,就能生成一張專屬戰鬥卡來組隊對戰(想玩可以去 創鬥卡競技場)。每張卡都有招式,今天這篇就是在講其中一招「狙擊」的特效,被我改了一個下午的故事。

先看結果——這是現在的狙擊(暴擊貫穿版),你各位可以先爽一下:

看起來理所當然對吧?子彈打進去、爆火花、穿出卡背。但這個「理所當然」我改了一個下午。以下是流水帳。

第一關:怎麼打都像「擦傷」

最早的版本,子彈命中後火花是往「卡的後面」噴出去。聽起來合理,畫面上卻不是「打中」,是「擦過去」——像被流彈蹭到。

我盯著看了五分鐘,心想:「不對,這沒有打『進去』的感覺。」於是把火花方向反過來,朝子彈飛來的方向濺——瞬間就有鑽進去的力道了。一個 +180 度,搞定。早知道。

第二關:那……加個彈孔吧

有了鑽入感,貪心就上來了:「真的被打到應該會留個洞吧?」於是加了個焦黑彈孔、慢慢淡掉。然後我就開始鬼打牆:

第三關:原來是圖層(z-index)

折騰半天才發現,真正的問題是——「卡背的火花」根本沒在卡背,它們全畫在最上層,蓋在卡片前面。難怪怎麼喬位置都怪。

解法是開一個「卡片後方的特效層」,z-index 壓在卡片底下;火花放進去,被卡片擋住的那段就真的在後面了。子彈也從這層滑出卡背,貫穿才成立。

(這段我對著螢幕喃喃:「何必堅持……沒人會注意到這 5px……」然後繼續調。)

第四關:火花,從「圓點」改成「火光線條」

最後一個執念:真火花不是一顆顆圓球,是一條條火光。把粒子換成沿飛行方向的漸層短線、邊飛邊縮,瞬間從「煙火」變「火星四濺」。還有——入口火花要、出口要(穿出去那面崩得比較兇)。前小後大,這才對。

結果

一顆子彈、一個洞、幾條火花,兩個多小時。值得嗎?看著上面那個 demo 一直 loop,我覺得……值得啦(嘴硬)。


換你調調看

如果是你,會怎麼調?拉拉看下面三個鈕,調出你心中「對的感覺」:

調出來的,跟我最後選的(線條 / 後火花大 / P+55)一樣嗎?


創鬥卡還在開發中,招式特效也會繼續長。想親手用自己的鋼彈模型生成戰鬥卡、體驗這些招式,歡迎來 創鬥卡競技場 玩玩看;更多開發過程都會記在 開發日誌

← 回開發日誌列表