news 2026/5/1 9:08:58

离线一分钟小游戏《挖宝石》

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
离线一分钟小游戏《挖宝石》

公司内网无外网的情况下,就玩这个…
把上面代码全选→复制→记事本→另存为“miner.html”。
双击打开,方向键或WASD移动。
挖土找绿宝石(+10分),躲开灰色落石。
60秒倒计时结束或被砸中即游戏结束,刷新可重开。

<!DOCTYPEhtml><htmllang="zh-CN"><head><metacharset="utf-8"><title>像素矿工</title><style>body{margin:0;background:#111;display:flex;justify-content:center;align-items:center;height:100vh;font-family:monospace;color:#fff}canvas{border:2px solid #444;background:#000}#hud{position:absolute;top:10px;left:50%;transform:translateX(-50%);font-size:18px}</style></head><body><divid="hud">时间<spanid="t">60</span>分数<spanid="s">0</span></div><canvasid="c"></canvas><script>constC=document.getElementById('c'),X=C.getContext('2d');C.width=400;C.height=400;constS=20,G=20;// 格子大小 & 行列数constmap=Array.from({length:G},()=>Array(G).fill(1));// 1=土 0=空constgems=[],rocks=[];// 宝石与落石letpx=0,py=0,score=0,timeLeft=60,gameOver=false;// 随机挖个初始空洞for(leti=0;i<60;i++){letrx=Math.floor(Math.random()*G),ry=Math.floor(Math.random()*G);map[ry][rx]=0;}// 初始玩家位置px=Math.floor(Math.random()*G)*S;py=Math.floor(Math.random()*G)*S;// 键盘constkeys={};onkeydown=e=>keys[e.key.toLowerCase()]=1;onkeyup=e=>keys[e.key.toLowerCase()]=0;// 生成宝石functionspawnGem(){letx=Math.floor(Math.random()*G)*S;lety=Math.floor(Math.random()*G)*S;gems.push({x,y});}for(leti=0;i<10;i++)spawnGem();// 生成落石functionspawnRock(){letx=Math.floor(Math.random()*G)*S;rocks.push({x,y:0});}// 主循环setInterval(()=>{if(gameOver)return;// 倒计时timeLeft-=0.05;if(timeLeft<=0){gameOver=true;alert('时间到!得分:'+score);}document.getElementById('t').textContent=Math.ceil(timeLeft);// 移动letnx=px,ny=py;if(keys['a']||keys['arrowleft'])nx-=S;if(keys['d']||keys['arrowright'])nx+=S;if(keys['w']||keys['arrowup'])ny-=S;if(keys['s']||keys['arrowdown'])ny+=S;nx=Math.max(0,Math.min(C.width-S,nx));ny=Math.max(0,Math.min(C.height-S,ny));// 挖土letgx=nx/S|0,gy=ny/S|0;if(map[gy][gx]===1)map[gy][gx]=0;px=nx;py=ny;// 捡宝石gems.forEach((g,i)=>{if(Math.abs(g.x-px)<S&&Math.abs(g.y-py)<S){gems.splice(i,1);score+=10;spawnGem();}});// 落石if(Math.random()<0.02)spawnRock();rocks.forEach((r,i)=>{r.y+=3;if(r.y>C.height)rocks.splice(i,1);if(Math.abs(r.x-px)<S&&Math.abs(r.y-py)<S){gameOver=true;alert('你被落石砸中!得分:'+score);}});// 绘制X.fillStyle='#000';X.fillRect(0,0,C.width,C.height);// 画地图for(lety=0;y<G;y++){for(letx=0;x<G;x++){if(map[y][x]===1){X.fillStyle='#654';X.fillRect(x*S,y*S,S,S);}}}// 画宝石gems.forEach(g=>{X.fillStyle='#3f3';X.fillRect(g.x+6,g.y+6,8,8)});// 画落石rocks.forEach(r=>{X.fillStyle='#aaa';X.fillRect(r.x+4,r.y+4,12,12)});// 画玩家X.fillStyle='#f63';X.fillRect(px+2,py+2,S-4,S-4);document.getElementById('s').textContent=score;},50);</script></body></html>

最近业务不忙,所以丧心病狂的资本家开始作妖了!收手机,关外网…能玩的就一个能通电的铁疙瘩…所以你看到了上边的html~你知道我有多无聊么…

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/30 23:57:28

爆~款是冲出来的,常青树是熬出来的

1. 从爆品到常青树的底层逻辑爆品靠流量冲击&#xff0c;常青树靠体系支撑。常青树大单品&#xff08;如某某酱油、某某饮料&#xff09;背后&#xff0c;是对长期主义的坚守和体系化能力的建设。它们证明了在产品同质化的市场中&#xff0c;战略差异化是破局的关键。2. 常青树…

作者头像 李华
网站建设 2026/5/1 0:14:07

GST标签蛋白纯化试剂盒

产品介绍&#xff1a;Frdbio GST标签蛋白纯化试剂盒用于纯化各种表达系统中含有GST标签的重组蛋白&#xff0c;包括大肠杆菌表达系统、哺乳动物表达系统、酵母表达系统等等;本试剂盒配备了纯化蛋白所必需预装柱及核心试剂。本试剂盒中预装柱的填料为Glutathione Beads 4FF。主要…

作者头像 李华
网站建设 2026/4/30 0:40:16

Python RPA实战:首发建设工程资料自动化填报与流程审批系统设计

文章目录 Python RPA实战:首发建设工程资料自动化填报与流程审批系统设计 摘要 (Abstract) 1. 背景与需求分析 (Background & Requirements) 1.1 业务痛点 1.2 系统设计目标 2. 核心难点分析 (Technical Challenges) 3. 关键模块深度剖析 (Modular Analysis) 3.1 模块一:…

作者头像 李华
网站建设 2026/5/1 0:17:53

9、虚拟空调制解调器案例研究与Newbus驱动开发

虚拟空调制解调器案例研究与Newbus驱动开发 虚拟空调制解调器相关函数解析 在虚拟空调制解调器的实现中,有多个关键函数发挥着重要作用。 1. nmdm_modevent函数 static int nmdm_modevent(module_t mod __unused, int event, void *arg __unused) {static eventhandler…

作者头像 李华
网站建设 2026/4/30 23:44:45

13、并行端口打印机驱动及资源管理使用详解

并行端口打印机驱动及资源管理使用详解 并行端口打印机驱动函数分析 lpt_timeout 函数 功能 :该函数是 lpt(4) 的回调函数,用于处理丢失或未处理的中断。 代码示例 : static void lpt_timeout(void *arg) {struct lpt_data *sc = arg;device_t lpt_dev = sc->sc_d…

作者头像 李华