寶可夢 · 3D 卡 · 雷射

動態寶可夢卡牌 — 可以轉動的 3D 卡

動態寶可夢卡牌 — 可以轉動的 3D 卡

寫下一個寶可夢,得到一張動態 3D 卡:手繪場景、單獨成層的角色、隨轉動滑過的雷射,還有自己的卡背。

伊布的卡背 — 系列、首字母、副標題和編號,是設計出來的,不是鏡像的正面。耿鬼的背面:ICON ARCHIVE 徽記、名字、副標題、編號,沒有角色圖。林克的卡背,在瀏覽器裡翻過來 — 和正面同一套規矩,但沒有那張畫。Saber 的背面,當作套卡設計:一個首字母、一行副標題、一行編號。
✦3D 卡
做一張 3D 卡,角色是皮卡丘,臉頰噼啪放電
身後是火山口,底部印著「噴射火焰」,龍浮在熔岩上方的那一層。
噴火龍,傳說 006 / 165 — 身後是火山口,底部印著「噴射火焰」,龍浮在熔岩上方的那一層。
雷雨草原上臉頰放電,尾巴像避雷針一樣豎起。
皮卡丘,傳說 025 / 108 — 雷雨草原上臉頰放電,尾巴像避雷針一樣豎起。
在秋日白樺林裡奔跑,奶白頸毛比落葉高一層。
伊布,稀有 133 / 165 — 在秋日白樺林裡奔跑,奶白頸毛比落葉高一層。
月光墓園,笑口從下方打亮,幽靈尾巴甩出畫框。
耿鬼,史詩 094 / 165 — 月光墓園,笑口從下方打亮,幽靈尾巴甩出畫框。
紫色水晶洞,一隻手掌發亮,長尾橫過身後的岩壁。
超夢,傳說 150 / 165 — 紫色水晶洞,一隻手掌發亮,長尾橫過身後的岩壁。
極光山口,波導尾巴捲起,鋼刺接住最後一點光。
路卡利歐,史詩 448 / 495 — 極光山口,波導尾巴捲起,鋼刺接住最後一點光。
雨夜東京的窗前,一隻手抬起,城市天際線退在獨立的一層。
五條悟,傳說 001 / 009 — 雨夜東京的窗前,一隻手抬起,城市天際線退在獨立的一層。
黃昏的海拉魯,劍與盾舉起,城堡留在田野後面的畫裡。
林克,傳說 001 / 108 — 黃昏的海拉魯,劍與盾舉起,城堡留在田野後面的畫裡。
卡美洛前的騎士王,披風與旗幟在動,主堡留在景深裡。
Saber,傳說 001 / 007 — 卡美洛前的騎士王,披風與旗幟在動,主堡留在景深裡。
可直接上手

轉一下這張噴火龍。

這是測試跑出來的那張卡,已經發佈並在這個頁面裡運行。橫向拖動:龍和火山口分在兩層,雷射跟著角度走。

轉一下這張噴火龍。在新分頁開啟
也想要一張?做我的卡

Neta Studio 做的是整張卡,不只是一張圖

輸入一句話,輸出的是一小段 Three.js 場景:手繪背景、真實 alpha 摳出的角色、跟著角度變化的雷射,還有卡背——發佈成一個手機能打開的頁面。

  • 背景和角色各佔一層,轉動時互相錯位,而不是把整張圖抹勻。
  • 鍍層按視角計算。四種工藝改的是光澤,不動底下的畫。
  • 翻過來:系列、首字母、副標題和編號印在背面,不是把正面鏡像一遍。

動手前常問的幾件事

這是實體 3D 卡嗎?

不是。它是做成網頁的卡,用滑鼠或手指轉動。想要剪紙疊層那種,列印兩張、把上面一張鏤空;這裡給的是能發連結的版本。

需要 Blender、Unity 或寫 shader 嗎?

不用。Neta Studio 負責畫圖層、摳出角色、搭好 Three.js 卡片。你只描述卡,雷射、景深和轉動交給引擎。

我該寫什麼?

一個角色,願意的話加上它所在的地方。稀有度、編號和招式由卡自己補。寫「火山上的噴火龍」就夠,「我自己的龍,站在鹽湖上」也行。

能做格子裡沒有的寶可夢嗎?

可以。任意寶可夢、別的作品的角色,或者你自己編的。格子裡放了五條悟、林克和 Saber,就是說明它不綁在一個 IP 上。

手機上能用嗎?

能。用手指拖動就能轉,雷射和視差會跟著走。它就是普通網頁,連結在任何瀏覽器裡都能打開。

可以用我自己的畫或角色設定圖嗎?

卡開始生成後,在對話裡附上就行。通常文字描述已經夠,所以輸入框沒有加附件。

卡上會印「寶可夢」嗎?

你的卡是同人作品,不是官方卡。上面有你輸入的名字、屬性、稀有度和編號——沒有寶可夢 logo,也沒有官方系列標記。

能列印嗎?

可以截圖或列印頁面,但它為螢幕而做:雷射和景深是即時算出來的。要做實體卡,拿一張靜幀去印刷店。

一句話,一張卡。

寫下角色,Neta Studio 畫背景、摳角色、做雷射,再把頁面發佈出來。

×