wangjunxiao/tianshu-engine
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: i18n StoryGallery UI labels and data layer chapter/ending names

Browse Source
This commit is contained in:
cocos02
2026-06-10 16:29:25 +08:00
parent d057beb82d
commit e51b5e234e
10 changed files with 50 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
engine/types.ts
View File

@@ -77,6 +77,7 @@ export interface QTEDefinition {
export interface ChapterInfo {
id: string
label: string
labelKey?: string
startScene: string
thumbnail?: string
defaultVariables?: Record<string, number>
@@ -94,6 +95,7 @@ export interface AchievementDef {
export interface EndingDef {
id: string
label: string
labelKey?: string
sceneId: string
chapterId?: string
thumbnail?: string

10
public/demo/locales/en.json
View File

@@ -60,5 +60,15 @@
"continue": "Keep moving forward",
"back": "Turn back"
}
},
"chapter": {
"ch1": "Chapter 1: Awakening",
"ch2": "Chapter 2: Investigation",
"ch3": "Chapter 3: Finale"
},
"ending": {
"trust_end": "Trusted Ally",
"alone_end": "Lone Path",
"continue_end": "Keep Moving Forward"
}
}

10
public/demo/locales/ja.json
View File

@@ -55,5 +55,15 @@
"continue": "先へ進む",
"back": "引き返す"
}
},
"chapter": {
"ch1": "第一章：目覚め",
"ch2": "第二章：捜査",
"ch3": "第三章：終局"
},
"ending": {
"trust_end": "信頼の仲間",
"alone_end": "孤独の道",
"continue_end": "前進を続ける"
}
}

10
public/demo/locales/zh.json
View File

@@ -60,5 +60,15 @@
"continue": "继续前进",
"back": "回头"
}
},
"chapter": {
"ch1": "第一章：醒来",
"ch2": "第二章：调查",
"ch3": "第三章：终局"
},
"ending": {
"trust_end": "信任的伙伴",
"alone_end": "独行之路",
"continue_end": "继续前行"
}
}

9
public/scenes/demo.json
View File

@@ -39,14 +39,15 @@
}
],
"endings": [
{ "id": "trust_end", "label": "信任的伙伴", "sceneId": "trust_ending", "chapterId": "ch1", "thumbnail": "ui/images/end_trust.jpg" },
{ "id": "alone_end", "label": "独行之路", "sceneId": "alone_ending", "chapterId": "ch1", "thumbnail": "ui/images/end_alone.jpg" },
{ "id": "continue_end", "label": "继续前行", "sceneId": "continue_ending", "chapterId": "ch3", "thumbnail": "ui/images/end_continue.jpg" }
{ "id": "trust_end", "label": "信任的伙伴", "labelKey": "ending.trust_end", "sceneId": "trust_ending", "chapterId": "ch1", "thumbnail": "ui/images/end_trust.jpg" },
{ "id": "alone_end", "label": "独行之路", "labelKey": "ending.alone_end", "sceneId": "alone_ending", "chapterId": "ch1", "thumbnail": "ui/images/end_alone.jpg" },
{ "id": "continue_end", "label": "继续前行", "labelKey": "ending.continue_end", "sceneId": "continue_ending", "chapterId": "ch3", "thumbnail": "ui/images/end_continue.jpg" }
],
"chapters": [
{
"id": "ch1",
"label": "第一章：醒来",
"labelKey": "chapter.ch1",
"startScene": "intro",
"thumbnail": "ui/images/ch1.jpg",
"defaultVariables": { "trust": 50, "courage": 0, "investigation": 0 }
@@ -54,6 +55,7 @@
{
"id": "ch2",
"label": "第二章：调查",
"labelKey": "chapter.ch2",
"startScene": "desk_detail",
"thumbnail": "ui/images/ch2.jpg",
"defaultVariables": { "trust": 60, "courage": 10, "investigation": 1 }
@@ -61,6 +63,7 @@
{
"id": "ch3",
"label": "第三章：终局",
"labelKey": "chapter.ch3",
"startScene": "qte_success",
"thumbnail": "ui/images/ch3.jpg",
"defaultVariables": { "trust": 70, "courage": 20, "investigation": 2 }

0
public/scenes/main.json → public/scenes/your_story.json
View File

13
src/components/StoryGallery.vue
View File

@@ -1,6 +1,9 @@
<script setup lang="ts">
import { computed, ref } from 'vue'
import type { ChapterInfo, SceneNode, EndingDef } from '@engine/types'
import { useI18n } from '@/composables/useI18n'
const { t } = useI18n()
const props = defineProps<{
chapters: ChapterInfo[]
@@ -117,7 +120,7 @@ function toggleExpand(chapterId: string) {
<template>
<div class="story-overlay" @click.self="emit('close')" @keydown.escape="emit('close')">
<div class="story-panel">
<h2 class="story-title">故事进度</h2>
<h2 class="story-title">{{ t('ui.story') }}</h2>
<div class="story-grid">
<div
@@ -131,7 +134,7 @@ function toggleExpand(chapterId: string) {
<img v-if="ch.thumbnail" :src="ch.thumbnail" class="thumb-img" />
<div v-else class="thumb-placeholder">?</div>
</div>
<div class="card-label">{{ ch.label }}</div>
<div class="card-label">{{ t(ch.labelKey || ch.label) }}</div>
<div class="card-progress" v-if="unlockedChapterIds.has(ch.id)">
<div class="mini-progress-bar">
@@ -146,14 +149,14 @@ function toggleExpand(chapterId: string) {
:key="end.id"
class="ending-tag"
:class="{ unlocked: endingStatus(end.id) }"
>{{ endingStatus(end.id) ? '✅' : '🔒' }} {{ end.label }}</span>
>{{ endingStatus(end.id) ? '✅' : '🔒' }} {{ t(end.labelKey || end.label) }}</span>
</div>
<button
v-if="unlockedChapterIds.has(ch.id)"
class="card-start-btn"
@click.stop="emit('startChapter', ch.id)"
>▶ 开始</button>
>▶ {{ t('ui.startChapter') }}</button>
</div>
<div class="card-recap" v-if="expandedChapterId === ch.id">
@@ -173,7 +176,7 @@ function toggleExpand(chapterId: string) {
</div>
</div>
<button class="story-close" @click="emit('close')">关闭</button>
<button class="story-close" @click="emit('close')">{{ t('ui.close') }}</button>
</div>
</div>
</template>

1
src/locales/en.json
View File

@@ -26,6 +26,7 @@
"achievements": "Achievements",
"gallery": "Gallery",
"story": "Story Progress",
"startChapter": "Start",
"noAutoSave": "No auto save yet",
"autoSaveHint": "Game auto-saves to slot 0 at each scene change",
"language": "Language",

2
src/locales/ja.json
View File

@@ -25,6 +25,8 @@
"pauseHint": "Esc = 再開",
"achievements": "実績",
"gallery": "ギャラリー",
"story": "ストーリー進行",
"startChapter": "開始",
"noAutoSave": "オートセーブがありません",
"autoSaveHint": "シーン切替時にスロット0に自動保存されます",
"language": "言語",

1
src/locales/zh.json
View File

@@ -26,6 +26,7 @@
"achievements": "成就",
"gallery": "画廊",
"story": "故事进度",
"startChapter": "开始",
"noAutoSave": "暂无自动存档",
"autoSaveHint": "游戏会在每次场景切换时自动保存到槽位 0",
"language": "语言",