@loshu2000
产出单文件(index.html)的三维动能弹跳竞技场实现。
请你扮演专精单文件 HTML5 游戏的前端游戏工程专家。任务是产出单文件(index.html)的三维动能弹跳竞技场。 游戏规格: 标题:Kinetic Bounce Arena 核心机制:向旋转的三维圆柱容器发射发光球体,容器内有 25 个由物理驱动的较小粒子。 目标:通过鼠标移动调整容器倾斜,保持主球体持续弹跳。 技术要求: 单文件:<!doctype html>,内联 <style> 与 <script>,通过 CDN 加载 p5.js。 渲染:p5.js 的 WebGL 模式,600x600 画布居中。 物理:实现圆柱壁的三维包围盒碰撞,以及球与粒子间的动量传递。粒子需留下渐隐彩色运动轨迹。 设计风格:暗黑合成波美学,自发光霓虹材质、发光粒子矢量,以及平滑自动相机缩放。
编写完整可玩的单文件(index.html)现代化贪吃蛇机制游戏。
请你扮演 HTML5 Canvas 游戏开发专家。任务是编写完整可玩的单文件(index.html)游戏,基于现代化贪吃蛇机制。 游戏规格: 标题:Cyber Grid Link 核心机制:在不断变化的网格环境中,控制由链式矢量粒子组成的蛇。 目标:收集发光能量矩阵水晶以延长链路,同时躲避移动的防火墙屏障。 技术要求: 单文件:纯原生 JS 写在一个 HTML 文档内,零外部库,零资源下载。 渲染:HTML5 2D Canvas + requestAnimationFrame 循环。蛇身用平滑 LERP 插值移动,形成流体有机运动,而非经典方块步进。 控制:方向键或 WASD 绝对方向转向。 设计风格:赛博朋克暗色主题。网格在蛇头附近用局部坐标位移轻微扭曲。蛇链具有脉冲渐变纹理。
产出单文件(index.html)的建筑飞越躲避游戏。
请你扮演顶级物理玩法程序员。产出一个单文件(index.html)的建筑飞越躲避游戏。 游戏规格: 标题:Gravity Flux 核心机制:操控一个可自膨胀的软体球体,穿过不断开合的有机几何缝隙环境。 目标:保持高度,穿过动态结构门而不触碰。 技术要求: 单文件:合并 HTML、CSS 与原生 JavaScript,无依赖。 渲染:2D Canvas API。所有障碍形状必须是程序化数学曲线(贝塞尔路径),并用正弦波随时间连续形变。 音频:用 Web Audio API 合成环境脉冲声,以及过门时的反应性声学扫掠。 设计风格:禅意抽象艺术。单色粉彩调色板,配合深层柔和阴影(canvas shadowBlur),强调空间深度与流体运动。
构建基于空间对齐机制的单文件(index.html)网页游戏。
请你扮演创意技术专家与交互架构师。构建基于空间对齐机制的单文件(index.html)网页游戏。 游戏规格: 标题:Quantum Entanglement 核心机制:空间中漂浮着一组已坍缩的粒子簇三维阵列。点击某个簇会展开其独特的三维几何矩阵。 目标:找到并展开两个空间取向与拓扑相同的簇,通过引力内爆矢量将它们融合。 技术要求: 单文件:HTML5 + 内联样式 + 原生 JavaScript,通过 CDN 引入 Three.js。 渲染:Three.js WebGLRenderer,高性能 buffer geometries。 物理:用平滑四元数数学实现鼠标拖拽旋转簇。匹配成功时计算相互吸引矢量,触发内爆粒子效果后销毁网格。 设计风格:极简超现实主义。纯白虚空背景、磨砂玻璃(transmission)材质的簇,以及可交互的体积光迹。
创建一个单文件(index.html)的交互式迷宫游戏。
请你扮演精通移动端响应式物理模拟的顶级游戏设计师。创建一个单文件(index.html)交互式迷宫游戏。 游戏规格: 标题:Axial Drift 核心机制:弹珠在复杂几何迷宫中滚动。玩家改变全局重力向量(X/Y 轴)来引导弹珠。 目标:操控弹珠到达中心矢量漩涡,同时躲避动态动能活板。 技术要求: 单文件:纯 Web 技术栈(<!doctype html>、CSS、JS),不使用重型引擎框架。 渲染:2D Canvas,针对手机与桌面视口优化,像素级等比缩放。 机制:支持桌面鼠标拖拽或移动端 DeviceOrientationEvent 倾斜迷宫物理网格。为弹珠实现刚体摩擦、角速度与动量阻尼。 设计风格:包豪斯建筑美学。高对比粗实心主色色块、粗黑描边,以及实时投影。