The prompt that made it
as published你负责独立完成一款浏览器小游戏《漫画星舰 COMIC STARFIGHTER》:美式漫画风的竖版弹幕射击,玩法借鉴《雷电》,角色、名字和美术全部原创。
【交付】
- 只交付一个自包含文件 comic-starfighter.svg,根元素为 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="100%" height="100%" preserveAspectRatio="xMidYMid meet">,窗口缩放时 16:9 画面完整居中。
- 画面、界面、游戏逻辑(内联脚本)和音效全部写在这一个文件里,不引用任何外部图片、字体、脚本或网络资源,浏览器直接打开就能玩。文件必须是合法的 UTF-8 XML。
- 界面文字用中文,标题配英文副标题。音效和背景音乐用 Web Audio 实时合成,第一次按键或点击后开始发声,M 键静音。
- 只借鉴玩法,不使用原作的角色、名字或标志性素材。
【玩法】
- 画面中间是一条纵向战场(约 560×720),左右两侧是漫画分格的侧栏;玩家战机在战场里移动射击,敌机成队列从上方飞入,沿轨迹俯冲并发射子弹。
- 武器升级:拾取 P 提升主炮等级(单发 → 双发 → 散射 → 激光),拾取 B 获得一颗炸弹(清屏并短暂无敌),拾取盾牌获得一次护盾。
- 3 个关卡:城市上空、陨石带、敌方母舰;每关结尾有 Boss 战,Boss 有多阶段弹幕和血条。
- 擦弹(子弹贴身擦过)会积累能量,能量满可以放一次必杀。
- 3 条命;难度:简单(弹幕稀疏、判定点小)、普通、困难(弹幕更密、敌人更耐打);用 localStorage 记录最高分。
【操作】方向键 / WASD 移动;Z / 空格 射击(按住连发);X 放炸弹;C 放必杀;Shift 低速精确移动并显示判定点;P 暂停,H 帮助,M 静音。
【画面】
- 美式漫画风:粗黑描边、网点纹理、平涂高饱和配色;爆炸是星形爆炸图案配“BOOM!”“ZAP!”“POW!”拟声字。
- 侧栏像漫画分格:显示分数、剩余命数、炸弹数、武器等级、必杀能量和驾驶员头像,头像在受伤时表情会变。
- Boss 登场前有漫画分镜式的警告画面;每关背景有不同的卷轴场景(城市楼顶、陨石、母舰甲板)。
【流程与界面】
- 标题页:难度、开始、帮助、最高分,标题做成漫画封面的样子。
- 帮助页:操作和道具说明。
- 每关开场有标题分格;暂停菜单有继续、重新开始、返回标题;过关结算显示击坠率、擦弹次数和无伤奖励;通关结局和游戏结束页都可以再来一局。
【验收】
在无头 Chrome 里自动试玩:从标题页开局并实际操作一局。要求 0 个 JS 报错、0 个 XML 解析错误、帧率不低于 55 fps;在 1280×720 和 1920×1080 两种分辨率下截图,确认画面完整、文字不溢出。
Adds a render step. Works best with the HyperFrames or Remotion skills installed. Free, no sign-up.
Prompt by @OpenVGLab · collected via OpenVGLab/awesome-opus5.5-frontend-showcases. Prompts belong to their creators.