请用 HTML5 + Canvas + JavaScript 打造一款《焦点转移》网页游戏。
要求：
纯 HTML/JS 单文件实现，零外部依赖，双击即可运行；
核心玩法：点击切换视觉焦点区域，触发隐藏环境机制与叙事线索；从单点触发逐步过渡到动态焦点衰减限制，线索收集完整即通关；
视听表现：采用镜头景深风格，焦点外带高斯模糊，触发带光圈收缩动画，界面顶部显示焦点状态指示器，预留 Web Audio 占位接口；
代码结构清晰，核心模块（视锥体检测简化/状态机切换/线索解锁队列/点击交互映射）需附中文注释；
直接输出完整可运行的代码。
请用 HTML5 + Canvas + JavaScript 打造一款《数据流控》网页游戏。
要求：
纯 HTML/JS 单文件实现，零外部依赖，双击即可运行；
核心玩法：调节管道阀门控制信息流速，防止节点过载或断流；从单路调节逐步过渡到动态峰值缓冲，流量均衡度达标即通关；
视听表现：采用服务器机房风格，数据带流动光点粒子，过载带红色警报闪烁，界面侧边显示阀门控制滑块，预留 Web Audio 占位接口；
代码结构清晰，核心模块（队列管理算法/流量守恒模拟/阈值预警系统/阀门交互逻辑）需附中文注释；
直接输出完整可运行的代码。
请用 HTML5 + Canvas + JavaScript 打造一款《声景构建》网页游戏。
要求：
纯 HTML/JS 单文件实现，零外部依赖，双击即可运行；
核心玩法：叠加环境音源与空间混响，构建沉浸式音频场景触发事件；从单音层铺底逐步过渡到动态频率滤波，声场匹配度达标即通关；
视听表现：采用全景声场风格，音源带定位光点，混合带氛围渐变粒子，界面底部显示多轨混音台，预留 Web Audio 占位接口；
代码结构清晰，核心模块（多轨混音模拟/HRTF空间渲染/事件触发阈值/音源拖拽交互）需附中文注释；
直接输出完整可运行的代码。
请用 HTML5 + Canvas + JavaScript 打造一款《形态演化》网页游戏。
要求：
纯 HTML/JS 单文件实现，零外部依赖，双击即可运行；
核心玩法：调整遗传参数引导形状自适应，匹配目标拓扑结构；从单参数突变逐步过渡到多基因交叉，适应度评估达标即通关；
视听表现：采用生物实验室风格，形态带渐变生长动画，匹配带 DNA 螺旋光效，界面顶部显示参数进化树，预留 Web Audio 占位接口；
代码结构清晰，核心模块（遗传算法简化/拓扑相似度计算/迭代渲染管线/参数滑块控制）需附中文注释；
直接输出完整可运行的代码。
请用 HTML5 + Canvas + JavaScript 打造一款《色彩调和》网页游戏。
要求：
纯 HTML/JS 单文件实现，零外部依赖，双击即可运行；
核心玩法：混合天然颜料比例，复刻历史画作中的特定色调配方；从二元调色逐步过渡到动态光照还原，色差容差内即通关；
视听表现：采用古典画室风格，调色板带研磨质感，成功带画布显色动画，界面侧边显示颜料配比环，预留 Web Audio 占位接口；
代码结构清晰，核心模块（CMYK/RGB转换/色差容差计算/实时混合预览/拖拽交互）需附中文注释；
直接输出完整可运行的代码。
请用 HTML5 + Canvas + JavaScript 打造一款《空间导航》网页游戏。
要求：
纯 HTML/JS 单文件实现，零外部依赖，双击即可运行；
核心玩法：使用三角测量工具定位未知坐标，逐步绘制完整区域地图；从单点测距逐步过渡到动态误差修正，地图完整度达标即通关；
视听表现：采用航海罗盘风格，测距带虚线延伸动画，绘制带羊皮纸显影，界面底部显示坐标控制面板，预留 Web Audio 占位接口；
代码结构清晰，核心模块（测地线计算简化/误差椭圆判定/地图拼接算法/测量工具交互）需附中文注释；
直接输出完整可运行的代码。
请用 HTML5 + Canvas + JavaScript 打造一款《频率调制》网页游戏。
要求：
纯 HTML/JS 单文件实现，零外部依赖，双击即可运行；
核心玩法：将文本信息编码至载波频率，通过解调还原原始数据；从基础 AM 调制逐步过渡到动态噪声抗干扰，误码率低于阈值即通关；
视听表现：采用通信基站风格，载波带正弦波形绘制，解调带数据流重组动画，界面居中显示调制参数面板，预留 Web Audio 占位接口；
代码结构清晰，核心模块（信号调制简化/频谱解调算法/误码率计算/文本编码映射）需附中文注释；
直接输出完整可运行的代码。
请用 HTML5 + Canvas + JavaScript 打造一款《结构优化》网页游戏。
要求：
纯 HTML/JS 单文件实现，零外部依赖，双击即可运行；
核心玩法：调整桁架节点位置与材质分布，最大化承重效率比；从单梁加固逐步过渡到动态载荷测试，应力分布均匀度达标即通关；
视听表现：采用工程蓝图风格，结构带受力色阶变化，优化带金属形变动画，界面顶部显示载荷仪表盘，预留 Web Audio 占位接口；
代码结构清晰，核心模块（有限元简化模拟/应力分布计算/拓扑优化算法/节点拖拽交互）需附中文注释；
直接输出完整可运行的代码。
请用 HTML5 + Canvas + JavaScript 打造一款《时间同步》网页游戏。
要求：
纯 HTML/JS 单文件实现，零外部依赖，双击即可运行；
核心玩法：对齐异步事件时间戳，构建连贯因果链解开逻辑谜题；从双事件对齐逐步过渡到动态延迟补偿，因果链无冲突即通关；
视听表现：采用钟楼齿轮风格，事件带时间刻度标记，同步带机械咬合动画，界面侧边显示时间轴对齐网格，预留 Web Audio 占位接口；
代码结构清晰，核心模块（时间戳队列排序/因果依赖图/冲突检测引擎/事件拖放逻辑）需附中文注释；
直接输出完整可运行的代码。
请用 HTML5 + Canvas + JavaScript 打造一款《逻辑映射》网页游戏。
要求：
纯 HTML/JS 单文件实现，零外部依赖，双击即可运行；
核心玩法：将视觉图案转换为可执行指令序列，驱动角色完成目标；从基础映射逐步过渡到动态变量绑定，指令执行成功即通关；
视听表现：采用编程终端风格，图案带代码高亮色块，执行带指令逐字运行，界面底部显示指令控制台，预留 Web Audio 占位接口；
代码结构清晰，核心模块（模式识别简化/指令解析器/状态机驱动/图案交互映射）需附中文注释；
直接输出完整可运行的代码。
请用 HTML5 + Canvas + JavaScript 打造一款《生态平衡（调控）》网页游戏。
要求：
纯 HTML/JS 单文件实现，零外部依赖，双击即可运行；
核心玩法：引入/移除物种调节食物网，维持系统动态稳定阈值；从双物种调节逐步过渡到动态环境扰动，种群波动率低于阈值即通关；
视听表现：采用生态观测风格，种群带数量曲线图，稳定带绿色光晕扩散，界面顶部显示生态指标面板，预留 Web Audio 占位接口；
代码结构清晰，核心模块（Lotka-Volterra方程简化/阈值监控/状态收敛判定/物种投放交互）需附中文注释；
直接输出完整可运行的代码。