SELF-OWNED BRAND · RHYTHM GAME

AI:KOE

靛之森的節奏遊戲——
跟著鳥羽樂奈的原創歌曲,
在發光的軌道上,把每一個聲音打出來。

  • 自有品牌
  • 品牌識別
  • 遊戲 UI/UX
  • 3D 美術
  • 動態設計
  • 音效設計
  • 遊戲開發
  • 商店上架素材
AI:KOE 標題畫面——AI:KOE 標題字、發光的愛心水晶與水面倒影、TAP TO START

The voice of love.

讓樂奈的歌,
不只被聽見,也能被打出來。

AI:KOE 是艷世設計的自有品牌作品,屬於我們自己經營的 VTuber 團體與原創 IP——靛之森 Ainomori。 從命名、識別、遊戲介面、3D 水晶、動態與音效,到 Google Play 的上架素材,都在同一個團隊裡完成。

靛之森的成員鳥羽樂奈(TobaRana)至今發表了二十多支原創 MV,每一首都有自己的主視覺、自己的顏色, 卻一直只能被「看」和「聽」。AI:KOE 想補上最後一塊:讓粉絲與音遊玩家,用手指把每一個聲音打出來。

這是一款在手機上玩的七軌節奏遊戲。我們把重心放在打擊的手感與判定的精準: 譜面跟著歌走、判定看得準、打中的那一刻有光有聲。第一版收錄〈LOVE Parse〉〈BROCCOLI〉〈YOU ARE POTATO〉 三首原創歌曲,目前正在準備 Google Play 封閉測試。

01 NAME & IDEA

AI,是靛,也是愛。

日文裡,靛藍的「藍」與「愛」都讀作 AI(あい)。靛之森 Ainomori 的名字, 和它一直使用的口號「Indigo. Love. AI.」,都從這個雙關出發。 AI:KOE 取自「愛の声」——愛的聲音。

遊戲的開場,是深藍色的夜裡,一顆愛心水晶落向寧靜的水面。 靛是它的顏色,愛是它的形狀,聲音是接下來要發生的一切。

02 IDENTITY SYSTEM

一顆水晶、一個冒號,
克萊因藍與金。

AI:KOE 的識別建立在靛之森跨作品共用的 3D 愛心水晶上——每一個刻面都是精確平面的明亮式切工, 正反兩面轉起來都是愛心。配色以克萊因藍為主、金色點綴,白色留給音符與文字; 介面語彙走俐落的直角與斜切、細線與小字標籤,帥氣、帶一點 cyberpunk 的潮,而不是圓角膠囊的休閒手遊。

AI:KOE 標題字樣,冒號為水晶青色
TITLE TYPE 遊戲標題畫面目前的標題字,以 Inter Tight 排出、字距拉開,冒號換成發光的水晶青;副標 A RHYTHM GAME BY AINOMORI 用細小的全大寫。
AI:KOE App 圖示——白色天空與淡淡水面上的藍色愛心水晶
APP ICON 以 Blender Cycles 算圖。鏡頭平視、水面只佔下方五分之一、水波極淡;水晶小角度傾斜並往外側轉, 深色切面落在下方讓重心穩定。圖示不放字,標題字只留在遊戲裡。
克萊因藍 KLEIN BLUE · #002FA7

主色・軌道與光帶

亮藍 SCREEN BLUE · #2F5BFF

螢幕上發光的藍

水晶青 CRYSTAL CYAN · #00B8EB

標題冒號・水晶光暈

冰藍 ICE · #99E6FF

標題畫面的光點

金 GOLD · #FFB52E

重音・打中的金色斜光

夜色 NIGHT · #0A112B

標題畫面夜空(取樣)

RARITY COLORS

難度用稀有度的顏色

不用星星,用玩家一眼就懂的稀有度色階;EXPERT 打到 90% 以上,還會解鎖一個隱藏難度。

  • EASY
  • NORMAL
  • HARD
  • EXPERT
SONG THEMES

每首歌一套主題色

軌道、燈管與光帶的藍跟著每首歌的主視覺轉色相;金色重音維持不變,換歌也認得出是同一個遊戲。

  • LOVE Parse藍(克萊因藍主題)
  • BROCCOLI綠
  • YOU ARE POTATO螢光檸檬黃
03 TITLE SEQUENCE

開場的幾秒鐘,
一顆水晶落向水面。

標題不是一張靜止的圖,而是一段在手機上即時演出的分鏡。水晶落下、浮在水面上和倒影裡的翻轉,用的是整圈 180 格、每 2° 一格的序列, 墜落照著重力加速,最後被輕輕托住;水面與倒影由即時著色器繪製,波光是流動的雜訊而不是重複的波紋。 音遊玩家的眼睛特別利,所以整段開場以 60fps 順暢播放為目標。

愛心水晶從正面轉到背面的七個角度
遊戲內使用的水晶翻轉序列(節錄 0°–180°,每 30° 一格)。
  1. 00靛之森標誌

    品牌標誌安靜地淡入、淡出。

  2. 01化成水晶

    標誌上的那顆愛心變成 3D 水晶,亮一下,開始急速墜落。

  3. 02特寫

    水晶邊翻轉邊加速,細小的光點往上飄過。

  4. 03停在水面上方

    遠景裡,水晶照著重力落下,被輕輕托住,停在寧靜的水面上方。

  5. 04點一下

    白色漣漪一圈一圈散開,風鈴響起,進入選歌。

04 GAMEPLAY

七條軌道,
一道會彎的判定線。

手機螢幕窄,一條直的判定線不夠放手指。AI:KOE 讓七條軌道沿著一道圓弧排開, 兩側微微上揚,打擊區更長、按鍵也跟著彎;設定裡有四種彎度可以選。

判定線是一條很細的線,對準燈管音符的中心——形狀對得上,玩家才看得出自己準不準。 點擊、長押、拖曳三種音符長得不一樣,拖曳跟著旋律走,打起來像在畫線。

FLAT LOW 預設 MID HIGH
設定裡的四種彎度(示意圖):FLAT/LOW/MID/HIGH。預設是微彎的 LOW,畫面不會被軌道佔滿。
HIT FEEDBACK

打中的那一刻,光從判定線上綻放。

打中時,判定線上亮起白光、那一軌整條亮起、地上的光環往外擴開、四角星的粒子閃一下; 重音帶著金色的光。特效可以炫,但集中在判定線一帶,不搶正要落下來的音符。

PERFECT 每打一下都重新由小變大浮上來;COMBO 放在右側、不擋音符也不在右手拇指底下。 音符從軌道盡頭那團光裡淡入,軌道一路收進消失點。

三套主題色的玻璃燈管音符:藍、綠、黃,各含白鍵、色鍵、金鍵與重音
遊戲內的燈管音符貼圖,三套主題色(藍/綠/黃)。
LIGHT-TUBE NOTES

音符做成一支一支玻璃燈管。

燈管音符的貼圖用 Blender Cycles 算圖:透明玻璃、霧面的內層、燈芯,兩端是鍍鉻與金色的燈座。 白鍵為主,主題色鍵與金鍵交錯,重音是更大一號的金色燈管——縮到手機上也看得出材質,而不是一條線加一個框。

05 INTERFACE

選歌像翻唱片,
結算只為好成績喝采。

SONG SELECT

封面左右滑動、帶著立體轉向停在最近的一張,停穩後播放試聽。 難度方塊斜切、以稀有度顏色區分;START 是 HUD 風格的深色玻璃面板,四角括號像呼吸一樣輕輕往外張,旁邊的 AUTO 讓人只看譜、聽歌。

RESULT

歌放完才進結算:分數往上跳、準確率、四種判定長條、最大連擊依序出現。蓋章音效、白光與光點只留給打得好的那一局—— 成績普通時,評價安靜地淡入。

歌曲結束時,軌道像衝上高速公路一樣往前放大、淡出,背景慢慢推近,中間浮出歌名卡——不讓任何一首歌被硬生生切斷。

06 SOUND DESIGN

每一個聲音,
都要配得上這首歌。

TAP

為手機喇叭重做的按鍵聲

最初的「嘟」幾乎全落在 300Hz 以下,手機喇叭放不出來。我們在同一個音上疊了一層高一個多八度、同樣往下收的音,小喇叭也聽得清楚。

HOLD

長押跟著拍子呼吸

按住長押或拖曳時,每一拍輕輕一聲,跟按鍵是同一個聲音、小 8dB;順利放開的那一刻,再補一聲收尾。

TITLE

風鈴與標題音樂同調

標題音樂是 G 小調,點一下畫面的風鈴就只用降 B 大三和弦,整數倍泛音、長殘響——像水面上的一圈漣漪。

UI

同一個家族的介面音效

換歌、點難度、開始、返回、開關設定,全部是同一組撥弦音色、同一個調(C 大調),聲音很輕。

07 STORE PRESENCE

商店頁,
也是品牌的一部分。

Google Play 的上架素材整套自己做:512 的 App 圖示、1024×500 的主題圖片、七張遊戲截圖, 以及繁體中文的簡短與完整說明。商店截圖用專門的拍攝模式產出——右上角顯示分數、 結算畫面直接跳到最後一格。隱私權政策放在靛之森官網上,和品牌的其他內容放在一起。

靛之森的節奏遊戲。跟著鳥羽樂奈的原創歌曲,在發光的軌道上打出每一個聲音。

Google Play 簡短說明

目前狀態:開發中,Google Play 封閉測試準備中。

Google Play 主題圖片——AI:KOE 標題與水面上的愛心水晶
主題圖片 1024×500
AI:KOE App 圖示
App 圖示 512
08 BEHIND THE SCENES

示意圖、樣片、實機試打,
一版一版磨出來。

App 圖示的角度試拍:兩張早期試拍與最後定稿並排
App 圖示的角度試拍。左邊兩張是早期試拍:傾斜與側轉都是 45°、往內轉;最右是定稿——小角度傾斜(15°)、往外側轉,深色切面朝下。
AI:KOE 譜面編輯器——直式七軌、波形、拍子格線與右側工具列
自己做的譜面編輯器:直式七軌、吸附拍子格線、放慢循環;疊在一起或聽不到聲音的音符會被框出來,存檔後直接換進遊戲。
CHARTS

譜面跟著歌走

先分析每首歌的拍點、鼓組與人聲,再逐段設計譜面:重音一定有鍵、沒有聲音的地方不放音符。EASY 到 HARD 都以兩根拇指打得完為準,EXPERT 以上才留給炫技;譜面也會跟著試玩回饋繼續大改。

PLAYTEST

裝進手機,實際打過再修

從示意圖、30 秒樣片、整首自動演示,到裝進 Android 手機實際試打——延遲、手感、按鍵大小、誤觸,都在實機上一項一項修。

PRINCIPLE

形狀對得上,判定才看得準

判定是一條細線、對準燈管的中心;長押的光帶跟一般音符一樣寬;背景的 MV 再好看,也要壓暗到不搶譜面。

CREDITS
品牌・企劃
靛之森 Ainomori
設計・開發
艷世設計 YENZ Design Studio
歌曲
鳥羽樂奈 TobaRana(靛之森原創歌曲)

本頁圖片皆為 AI:KOE 遊戲內畫面、Google Play 上架素材與製作過程的原始畫面;判定線彎度為示意圖。© Ainomori

想為你的 IP,做一個能被親手玩到的作品?