开发
创意
分类
主页
交流
团队
思悟
分析
全部
页面
标志
问题
文章
标签
用户
组织
画布
动画
思悟
登陆
08:20 pm
Action:
0
0
1
提示词
重力迷宫
体感游戏
重力感应
迷宫
物理引擎
Canvas
小游戏
陀螺仪
益智
机关解谜
云存档
3周 2天之前
1
messiz
290
1.02K
交流
关注
1
messiz
分数
290
薯条
1.02K
0人关注了ta
未关注
页面 16
文章 6
问题 0
回答 0
图画 0
思悟 0
这个人很懒,什么都没留下
css-only 203
loader 132
cartoon 101
javascript 93
card 83
体感物理机关迷宫:倾斜迷宫板滚动钢球,八大主题章节十六关,旋转闸、弹力桩、时隙激光、滑动闸门、磁石、传送门、阵风风机、传送带、压板石门、金钥匙、碎裂板、巡游黑洞、旋转圆盘、黑暗提灯、反重力区逐章登场;星级评定、宝石收集、可解锁钢球珍藏,云端存档支持登录与游客,手机体感、桌面鼠标键盘均完整可玩。
创作提示词
目标体验:一款竖屏优先的体感物理机关迷宫游戏《重力迷宫》。玩家倾斜迷宫板滚动钢球,绕过挡墙、避开黑洞、穿越机关,滚进带金色发光底座的终点洞;共八章十六关(每章两关),每章一种材质主题(松木/黄铜/霓虹/青竹/石殿/暗影/寒冰/星穹)与一套专属机关,难度与机制逐章递进;通关按用时与失误评一至三星,险路上放置可收集宝石,星星与宝石解锁六款钢球皮肤。 结构:应用分两个视图。主页视图含标题行(用户身份标签按钮、重置数据按钮)、总进度条(星星/宝石/通关数)、珍藏钢球横滑架(画布渲染球体预览、解锁条件、点击装备)、八个章节分组的双关卡卡片(序号、关名、星级、最佳纪录、宝石标记、锁定态)。对局视图含 HUD(返回、关名、宝石指示、计时、失误、重开、移动端体感开关)与 perspective 包裹的 .board-tilt 游戏画布;结算卡带三星逐颗弹出、纪录标记与下一关按钮;解锁奖励弹层带闪光扫过动画;另有确认重置对话框与 toast 提示。全部界面文字为中文。 媒体与内容:无任何外部媒体与请求。板面木纹/铜板铆钉/霓虹网格/竹节竖纹/石殿砌块/洞窟斑驳/冰裂纹/星穹星野按主题由 Canvas 程序化预渲染;机关、钢球、粒子(星星/彩带/尘土/拖尾)全部画布绘制;音效由 WebAudio 振荡器合成(撞墙、弹簧、传送、激光、压板、石门轰鸣、钥匙风铃、碎板开裂塌陷、反重力滑音、坠洞、通关琶音、星星弹出、解锁号角)。levels.js 是唯一数据源:MAZE_BOARD 尺寸半径、MAZE_PHYSICS 重力阻尼摩擦与新机关参数(beltGrip/spinnerGrip/crumbleBreak/plateR/keyR/gateSpeed/gateWarn/darkFade)、MAZE_THEMES 八主题配色、MAZE_SKINS 皮肤与解锁条件、MAZE_CHAPTERS 八章节、MAZE_LEVELS 十六关(walls/holes/gem/par 星级时限/mech 机关数组)。机关类型:rotator 旋转闸、bumper 弹力桩、laser 时隙激光(period/duty/phase,亮起前预警闪烁)、mover 正弦滑动闸门、magnet 吸引或排斥磁石、portal 双向传送门(0.9 秒冷却)、zone 冰面/沙地/反重力区、fan 阵风风机区(时隙开合的定向风力)、belt 传送带(把球速拖向带面速度)、plate 压板(latch 一触常开 / timed 限时开启并有关门预警)、key 金钥匙、gate 石门(link 关联压板或钥匙 id,门板滑进邻墙)、crumble 碎裂板(碾过开裂后塌成洞,掉洞复位时恢复)、mhole 沿折线往返巡游的黑洞、spinner 旋转圆盘(盘面切向拖拽)、dark 黑暗迷雾(只照亮球周/灯笼/终点,开局短暂全览渐暗)。修改这些数据即可改关卡、难度、配色与皮肤。 动效流程:rAF 主循环平滑插值倾斜,CSS rotateX/rotateY 最大 7 度制造 3D 俯视感,挡墙投影与钢球高光随倾斜偏移;物理为圆-矩形碰撞(含旋转坐标系的旋转闸、带面速度的滑动闸门与石门余量矩形)、弹力桩定向弹射、磁石随距离衰减的径向力、风机阵风加速度、传送带与转盘的速度拖拽、反重力区倾斜力反向(入区有滑音与提示)、传送门保速传送、按区域缩放的摩擦阻尼,每帧 3 子步防穿墙;球心入洞播放 0.6 秒吸入动画;碎裂板踩过约半秒后塌陷为洞;巡游黑洞位置由关卡时间确定性驱动并画出巡逻轨迹;黑暗关用离屏层挖洞渲染视野。终点为金色座圈+呼吸光晕+旋转辉光弧+环绕光点;宝石菱形浮动旋转,拾取后需一次不掉洞带到终点才算收集;金钥匙环首齿杆造型浮动微转。结算三星按 0.34 秒间隔逐颗弹出配上行音阶,彩带粒子从终点喷出;新章节或新皮肤解锁时弹出奖励卡;掉洞后 toast 轮换鼓励语,掉洞复位会恢复碎裂板并清零限时压板(常开压板与钥匙保留)。 实现约束:输入优先级为体感(开启后)> 方向键/WASD > 鼠标悬停或触摸拖动摇杆;iOS 在用户点击「开启体感」后调用 DeviceOrientationEvent.requestPermission,开启瞬间以当前 beta 为握持基准并按 screen.orientation.angle 交换轴向。存档经 save.js 适配:优先平台 window.AppRuntime 用户状态(命名空间 maze-progress,expectedRevision 乐观并发,冲突拉取合并重试,游客与登录双向安全合并——星星取高、纪录取优、宝石并集),镜像 localStorage,无 AppRuntime 时纯本机运行且身份标签显示「本机进度」;重置按钮调用 resetAppData({confirmation:"RESET_APP_DATA"}) 并清本机镜像,原地刷新不跳转。禁止 location/history/hash 与外部请求;html/body 背景显式深色;readyState 引导;Piece 重复执行先调用 window.__MAZE_GAME__.destroy();触摸 preventDefault 防页面滚动;主页可纵向滚动(touch-action: pan-y),对局区禁触摸滚动;画布按容器等比缩放并适配 devicePixelRatio。可安全修改:关卡与机关数据、物理参数、主题配色、皮肤定义、界面文案、音效参数、星级时限;改关卡时保持静态通道宽度 >= 8.4,石门开口 >= 8.4 且门板要贴着可藏身的邻墙滑开。
嵌入文档
嵌入
编辑
举报
复刻
评论
选择风格
选择更适合教程、文章或作品集的 Demo Embed 外观,详情请查看
嵌入文档
默认
暗色 dark
玻璃 glass
游戏机 arcade
宇宙 cosmic
笔记 notebook
终端 console
霓虹 neon
关闭
Frequently used
👍
👎
😭
😕
😐
😊
😍
People
😄
😃
😀
😊
😉
😍
😘
😚
😗
😙
😜
😝
😛
😳
😁
😔
😌
😒
😞
😣
😢
😂
😭
😪
😥
😰
😅
😓
😩
😫
😨
😱
😠
😡
😤
😖
😆
😋
😷
😎
😴
😵
😲
😟
😦
😧
👿
😮
😬
😐
😕
😯
😏
😑
👲
👳
👮
👷
💂
👶
👦
👧
👨
👩
👴
👵
👱
👼
👸
😺
😸
😻
😽
😼
🙀
😿
😹
😾
👹
👺
🙈
🙉
🙊
💀
👽
💩
🔥
✨
🌟
💫
💥
💢
💦
💧
💤
💨
👂
👀
👃
👅
👄
👍
👎
👌
👊
✊
👋
✋
👐
👆
👇
👉
👈
🙌
🙏
👏
💪
🚶
🏃
💃
👫
👪
💏
💑
👯
🙆
🙅
💁
🙋
💆
💇
💅
👰
🙎
🙍
🙇
🎩
👑
👒
👟
👞
👡
👠
👢
👕
👔
👚
👗
🎽
👖
👘
👙
💼
👜
👝
👛
👓
🎀
🌂
💄
💛
💙
💜
💚
💔
💗
💓
💕
💖
💞
💘
💌
💋
💍
💎
👤
💬
👣
Nature
🐶
🐺
🐱
🐭
🐹
🐰
🐸
🐯
🐨
🐻
🐷
🐽
🐮
🐗
🐵
🐒
🐴
🐑
🐘
🐼
🐧
🐦
🐤
🐥
🐣
🐔
🐍
🐢
🐛
🐝
🐜
🐞
🐌
🐙
🐚
🐠
🐟
🐬
🐳
🐎
🐲
🐡
🐫
🐩
🐾
💐
🌸
🌷
🍀
🌹
🌻
🌺
🍁
🍃
🍂
🌿
🌾
🍄
🌵
🌴
🌰
🌱
🌼
🌑
🌓
🌔
🌕
🌛
🌙
🌏
🌋
🌌
🌠
⛅
⛄
🌀
🌁
🌈
🌊
Objects
🎍
💝
🎎
🎒
🎓
🎏
🎆
🎇
🎐
🎑
🎃
👻
🎅
🎄
🎁
🎋
🎉
🎊
🎈
🎌
🔮
🎥
📷
📹
📼
💿
📀
💽
💾
💻
📱
📞
📟
📠
📡
📺
📻
🔊
🔔
📢
📣
⏳
⌛
⏰
⌚
🔓
🔒
🔏
🔐
🔑
🔎
💡
🔦
🔌
🔋
🔍
🛀
🚽
🔧
🔩
🔨
🚪
🚬
💣
🔫
🔪
💊
💉
💰
💴
💵
💳
💸
📲
📧
📥
📤
📩
📨
📫
📪
📮
📦
📝
📄
📃
📑
📊
📈
📉
📜
📋
📅
📆
📇
📁
📂
📌
📎
📏
📐
📕
📗
📘
📙
📓
📔
📒
📚
📖
🔖
📛
📰
🎨
🎬
🎤
🎧
🎼
🎵
🎶
🎹
🎻
🎺
🎷
🎸
👾
🎮
🃏
🎴
🀄
🎲
🎯
🏈
🏀
⚽
⚾
🎾
🎱
🎳
⛳
🏁
🏆
🎿
🏂
🏊
🏄
🎣
🍵
🍶
🍺
🍻
🍸
🍹
🍷
🍴
🍕
🍔
🍟
🍗
🍖
🍝
🍛
🍤
🍱
🍣
🍥
🍙
🍘
🍚
🍜
🍲
🍢
🍡
🍳
🍞
🍩
🍮
🍦
🍨
🍧
🎂
🍰
🍪
🍫
🍬
🍭
🍯
🍎
🍏
🍊
🍒
🍇
🍉
🍓
🍑
🍈
🍌
🍍
🍠
🍆
🍅
🌽
Places
🏠
🏡
🏫
🏢
🏣
🏥
🏦
🏪
🏩
🏨
💒
⛪
🏬
🌇
🌆
🏯
🏰
⛺
🏭
🗼
🗾
🗻
🌄
🌅
🌃
🗽
🌉
🎠
🎡
⛲
🎢
🚢
⛵
🚤
🚀
💺
🚉
🚄
🚅
🚇
🚃
🚌
🚙
🚗
🚕
🚚
🚨
🚓
🚒
🚑
🚲
💈
🚏
🎫
🚥
🚧
🔰
⛽
🏮
🎰
🗿
🎪
🎭
📍
🚩
Symbols
🔟
🔢
🔣
🔠
🔡
🔤
🔼
🔽
⏪
⏩
⏫
⏬
🆗
🆕
🆙
🆒
🆓
🆖
📶
🎦
🈁
🈯
🈳
🈵
🈴
🈲
🉐
🈹
🈺
🈶
🈚
🚻
🚹
🚺
🚼
🚾
🚭
🈸
🉑
🆑
🆘
🆔
🚫
🔞
⛔
❎
✅
💟
🆚
📳
📴
🆎
💠
⛎
🔯
🏧
💹
💲
💱
❌
❗
❓
❕
❔
⭕
🔝
🔚
🔙
🔛
🔜
🔃
🕛
🕐
🕑
🕒
🕓
🕔
🕕
🕖
🕗
🕘
🕙
🕚
➕
➖
➗
💮
💯
🔘
🔗
➰
🔱
🔺
🔲
🔳
🔴
🔵
🔻
⬜
⬛
🔶
🔷
🔸
🔹