十元素关卡图片资源细化实现方案

1. 文档目的

基于当前已确认的 二次元元素幻想空战 风格，继续把整个 10 关的图片资源往“可逐关出图、可逐项落地”的层级细化。

本文件主要用于：

• 统一 10 关视觉方向
• 指导后续逐关出图
• 统一背景 / 中景 / 前景 / 装饰 / Boss 氛围资源
• 作为程序替换现有背景表现时的参考文档

相关项目路径：

• 项目根目录：H:\K_AI\2_littleGame\1.airPlane
• 背景实现参考：H:\K_AI\2_littleGame\1.airPlane\js\runtime\background.js
• 当前总风格文档：H:\K_AI\2_littleGame\文档\UI_二次元元素幻想风格与提示词.md

2. 总体实现原则

2.1 总方向

10 个关卡都应统一在同一个世界观下：

二次元元素幻想空战 / 日系轻奇幻 / 明亮通透 / 梦幻自然

不是：

• 不是硬科技关卡
• 不是仙侠修仙关卡
• 不是厚重暗黑奇幻

2.2 资源分层建议

每个关卡建议按下面 6 类资源拆分：

1. 远景背景图
2. 中景装饰层
3. 前景氛围碎片
4. 关卡主题装饰图标 / 纹样
5. Boss 危险氛围图
6. 关卡标题 / 徽记 / 配色参考

2.3 尺寸建议

因为当前是竖版空战，建议优先按竖屏出图：

• 背景主图：1080 x 1920
• 中景装饰长条：1080 x 400 ~ 800
• 前景碎片 / 粒子参考板：1024 x 1024
• Boss 氛围图：1080 x 1920
• 徽记 / 标题装饰：512 x 512 或 1024 x 512

2.4 落地建议

当前项目里已有程序化背景与粒子效果，因此建议：

• 先补静态大图资源
• 再补局部装饰资源
• 最后考虑替换部分程序绘制特效

也就是说，优先级应是：

1. 关卡远景背景
2. 关卡中景装饰
3. Boss 氛围图
4. 主题纹样 / 图标
5. 小粒子和局部素材

3. 统一总控提示词

主提示词

二次元元素幻想空战关卡场景，日系轻奇幻气质，明亮通透，梦幻自然，幻想天空秘境，高品质手游美术，元素主题鲜明，空气感强，云层、浮空碎片、元素光流、柔和发光、清新华丽，适合竖版手游战斗背景

通用负面词

不要赛博朋克，不要现代科技城市，不要军工风，不要仙侠修仙，不要中国古风建筑，不要厚重暗黑，不要欧美写实，不要低清晰度，不要水印，不要大段文字，不要人物特写

4. 关卡资源细化总表

5. 逐关细化方案

5.1 第 1 关：风之国度

关卡气质

• 清爽开场关
• 晴空感强
• 有自由、轻盈、速度感

建议资源

1. level01_bg_skywind_main.png
   - 晴空云海主背景
2. level01_mid_floating_feathers.png
   - 飘动羽片 / 风羽碎片
3. level01_front_wind_streams.png
   - 风流线 / 气流前景
4. level01_boss_warning_windstorm.png
   - 风暴汇聚 Boss 氛围图
5. level01_emblem_wind.png
   - 风元素徽记

画面元素

• 高空蓝天
• 柔软云层
• 白羽
• 青白风流
• 少量浮空碎石或薄云岛

主背景提示词

二次元元素幻想空战第一关背景，风之国度，晴空云海，高空秘境，青白与天蓝主色，轻盈风流线，飘动羽片，空气感强，明亮通透，清新冒险开场氛围，适合竖版手游战斗背景

5.2 第 2 关：岩之国度

关卡气质

• 稳重
• 厚实
• 古遗迹与晶岩并存

建议资源

1. level02_bg_stone_realm_main.png
2. level02_mid_crystal_rocks.png
3. level02_front_stone_debris.png
4. level02_boss_warning_rock_core.png
5. level02_emblem_rock.png

画面元素

• 浮空岩层
• 赭棕色山岩
• 晶体切面反光
• 残破古代祭坛 / 遗迹感

主背景提示词

二次元元素幻想空战第二关背景，岩之国度，浮空山脉，晶岩碎片，古代遗迹气质，岩棕与灰金主色，厚重但不压抑，明亮奇幻，适合竖版手游战斗背景

5.3 第 3 关：雷之国度

关卡气质

• 动态强
• 夜空压迫感略增强
• 电光与速度感突出

建议资源

1. level03_bg_thunder_realm_main.png
2. level03_mid_storm_clouds.png
3. level03_front_electric_arcs.png
4. level03_boss_warning_thunderfall.png
5. level03_emblem_thunder.png

画面元素

• 深紫雷云
• 电弧裂隙
• 星辉闪点
• 高空风暴云柱

主背景提示词

二次元元素幻想空战第三关背景，雷之国度，紫蓝雷云，夜空风暴，电弧裂光，速度感强，幻想雷暴秘境，明亮但危险，适合竖版手游战斗背景

5.4 第 4 关：木之国度

关卡气质

• 生机感
• 森海与灵藤
• 柔和绿色幻想秘境

建议资源

1. level04_bg_forest_sky_main.png
2. level04_mid_vines_and_petals.png
3. level04_front_spores_fireflies.png
4. level04_boss_warning_ancient_tree.png
5. level04_emblem_wood.png

画面元素

• 浮空树冠
• 灵藤
• 发光花瓣
• 孢子 / 萤火虫

主背景提示词

二次元元素幻想空战第四关背景，木之国度，浮空森林，灵藤，花灵，发光花瓣，清新翠绿，梦幻自然，生机感强，适合竖版手游战斗背景

5.5 第 5 关：水之国度

关卡气质

• 纯净
• 清澈
• 水流感和镜面感并重

建议资源

1. level05_bg_water_realm_main.png
2. level05_mid_wave_ribbons.png
3. level05_front_bubbles_splashes.png
4. level05_boss_warning_tidal_core.png
5. level05_emblem_water.png

画面元素

• 水镜天空
• 流水丝带
• 气泡
• 悬浮水晶水滴

主背景提示词

二次元元素幻想空战第五关背景，水之国度，碧蓝湖海天空，水镜反光，水流丝带，泡泡与潮汐纹理，纯净通透，梦幻清新，适合竖版手游战斗背景

5.6 第 6 关：火之国度

关卡气质

• 热烈
• 高能
• 中后段视觉高潮

建议资源

1. level06_bg_fire_realm_main.png
2. level06_mid_flame_wings.png
3. level06_front_sparks_embers.png
4. level06_boss_warning_sunfire_core.png
5. level06_emblem_fire.png

画面元素

• 炽红天空
• 熔光云层
• 火羽碎片
• 火星 / 流焰
• 火轮状光斑

主背景提示词

二次元元素幻想空战第六关背景，火之国度，炽红天空，熔光云层，火羽碎片，流焰火星，热烈华丽，明亮高能，适合竖版手游战斗背景

5.7 第 7 关：冰之国度

关卡气质

• 静谧
• 清冷
• 高级感强

建议资源

1. level07_bg_ice_realm_main.png
2. level07_mid_crystal_snow.png
3. level07_front_frost_particles.png
4. level07_boss_warning_frozen_crown.png
5. level07_emblem_ice.png

画面元素

• 冰蓝天穹
• 雪晶
• 冰羽 / 冰花
• 极光条带
• 霜雾

主背景提示词

二次元元素幻想空战第七关背景，冰之国度，冰蓝天穹，雪晶，霜花，极光，月白高光，清冷静谧，高级梦幻，适合竖版手游战斗背景

5.8 第 8 关：月之国度

关卡气质

• 神秘
• 星穹幻想
• 夜色但不压抑

建议资源

1. level08_bg_moon_realm_main.png
2. level08_mid_nebula_ribbons.png
3. level08_front_stardust.png
4. level08_boss_warning_moon_gate.png
5. level08_emblem_moon.png

画面元素

• 星云
• 月辉
• 星尘
• 深蓝紫夜空
• 星门感结构

主背景提示词

二次元元素幻想空战第八关背景，月之国度，星穹夜空，星云流带，月辉，星尘，神秘梦幻，深蓝紫主调但保持通透，适合竖版手游战斗背景

5.9 第 9 关：日之国度

关卡气质

• 光明
• 神圣
• 接近终局前的高辉度场景

建议资源

1. level09_bg_sun_realm_main.png
2. level09_mid_light_rays.png
3. level09_front_glitter_particles.png
4. level09_boss_warning_solar_gate.png
5. level09_emblem_sun.png

画面元素

• 金白天空
• 放射光束
• 日轮
• 神圣云层
• 金色碎光

主背景提示词

二次元元素幻想空战第九关背景，日之国度，金白天空，神圣光束，日轮光辉，晨曦耀斑，明亮辉煌，圣洁幻想感，适合竖版手游战斗背景

5.10 第 10 关：终章混合国度

关卡气质

• 终章
• 裂界
• 混合元素共鸣
• 压迫但要高级

建议资源

1. level10_bg_final_realm_main.png
2. level10_mid_void_fragments.png
3. level10_front_energy_distortion.png
4. level10_boss_warning_world_rift.png
5. level10_emblem_final.png

画面元素

• 深紫裂界
• 多元素辉光
• 漩涡
• 空间扭曲
• 黑金 / 彩辉点缀

主背景提示词

二次元元素幻想空战第十关背景，终章裂界，深紫虚空，混合元素辉光，空间漩涡，世界裂缝，压迫感与华丽感并存，高完成度终局氛围，适合竖版手游战斗背景

6. Boss 氛围图统一建议

每关都建议额外补一张 Boss 氛围图，用于：

• Boss 登场过场参考
• 危险提示图层
• 海报式关卡高潮图

统一要求：

• 竖版
• 中央偏上留 Boss 出场区
• 中央偏下仍保留玩家活动空间
• 氛围可以更强，但不能遮挡战斗区逻辑

统一提示词模板：

二次元元素幻想空战 Boss 危险氛围图，竖版构图，{元素主题}，强烈的能量汇聚、危险预兆、天空异变、元素裂纹、幻想冒险氛围，高品质手游美术，适合竖版空战 Boss 登场参考

7. 十元素主题条建议

除了关卡背景，建议额外做一组十元素主题条资源：

• element_bar_wind.png
• element_bar_rock.png
• element_bar_thunder.png
• element_bar_wood.png
• element_bar_water.png
• element_bar_fire.png
• element_bar_ice.png
• element_bar_moon.png
• element_bar_sun.png
• element_bar_final.png

用途：

• 关卡开始提示
• UI 小标题背景
• 关卡章节切换
• 章节封面

8. 推荐的逐步实现顺序

第一阶段：先把大背景补齐

先做：

1. 10 张关卡主背景
2. 10 张 Boss 氛围图

第二阶段：补主题装饰

再做：

1. 10 张元素徽记
2. 10 张元素主题条
3. 10 组中景装饰

第三阶段：补前景碎片

最后做：

1. 风流线
2. 岩晶碎片
3. 电弧
4. 花瓣 / 孢子
5. 气泡 / 水波
6. 火星 / 流焰
7. 雪晶 / 霜雾
8. 星尘 / 星带
9. 光芒碎片
10. 裂界粒子

9. 与当前代码的对应关系

当前 background.js 已经有每关程序表现方向：

• 风：wind_lines
• 岩：rock_crystal
• 雷：雷电闪烁
• 木：grass_swirl
• 水：bubble / wave
• 火：fire
• 冰：snow / aurora
• 月：star / nebula
• 日：ray
• 终章：void / vortex

所以最小改动建议是：

1. 先保留程序粒子与动态效果
2. 优先替换背景大图与局部装饰图
3. 只在确实需要时再用图片替换程序绘制特效

10. 本文档结论

下一步不建议继续只做单个 UI 面板，而是开始把：

10 个关卡的主背景、Boss 氛围图、主题条、装饰资源

作为一个完整批次推进。

这样做的好处：

• 关卡区分会立刻更明显
• 十元素体系会真正立起来
• 后续 UI 和飞机资源更容易“贴到同一世界里”