网站首页 > java教程 正文
|本文由好程序员特训营编辑
|作者:好程序员
游戏可以精简到什么程度?曾经见过只有不到100KB的3D射击游戏,而且是真正的FPT游戏,里面还可以换枪,有音乐。那么今天给大家看一个,只用了20行JS写的贪吃蛇游戏。(不知道怎么玩的,请复制下面代码到记事本,然后点左上角,文件-另存为-保存类型选择全部文件-文件名为youxi.html-保存,然后双击保存后的HTML文件就可以玩游戏了)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>js贪吃蛇20行代码</title>
</head>
<body>
<canvas id="can" width="400" height="400" style="background:black;"></canvas>
<script>
var sn=[42,41],dz=43,fx=1,n,ctx=document.getElementById("can").getContext("2d");
function draw(t,c){
ctx.fillStyle=c;
ctx.fillRect(t%20*20,~~(t/20)*20,18,18);
}
document.onkeydown=function(e){fx=sn[1]-sn[0]==(n=[-1,-20,1,20][(e||event).keyCode-
37]||fx)?fx:n};
!function(){
sn.unshift(n=sn[0]+fx);
if(sn.indexOf(n,1)>0 || n<0||n>399||fx==1&&n%20==0||fx==-1&&n%20==19) return
alert("GAME OVER");
draw(n,"Lime");
if(n==dz){
while(sn.indexOf(dz=~~(Math.random()*400))>=0);
draw(dz,"Yellow");
}else
draw(sn.pop(),"Black");
setTimeout(arguments.callee,200);
}();
</script>
</body>
</html>
代码的世界也可以很精彩,你有没有见过让你惊艳的编程代码高手呢?
——欢迎关注【“好程序员”头条号】毕业工资不过万,不收学费,高薪就业,最强保障——
猜你喜欢
- 2024-09-10 JAVA多线程小游戏(java多线程实战项目)
- 2024-09-10 整理??款让你Java突飞猛进的小游戏
- 2024-09-10 用java实现简单的文字pk的小游戏,用java实现人物PK的小游戏
- 2024-09-10 java awt实现飞机小游戏(java小游戏飞机大战)
- 2024-09-10 手把手,零基础教你,JAVA开发小游戏飞翔的小鸟,资源免费领取
- 2024-09-10 来看看大佬用Java做的:微信打飞机小游戏(需求分析+代码+图片)
- 2024-09-10 不到两小时教会你用JAVA制作超级玛丽小游戏
- 2024-09-10 《我的世界》迎15周年,Java+ 基岩版游戏国区五折售44.5元
- 2024-09-10 无聊的周末用Java写个扫雷小游戏(java编写扫雷)
- 2024-09-10 程序员用Java实现扫雷小游戏,引来广大网友狂点赞,直呼炸天
你 发表评论:
欢迎- 最近发表
-
- java8的stream使用小示例(java stream的用法)
- Java 中的 Lambda 表达式深入解析:从语法糖到高阶函数
- 实战解析Android架构设计原则(android的架构)
- 搭建mcp服务器用java17,可是项目开发用的是java8怎么实现?
- Java Stream:集合处理的api(java集合流操作)
- Java 8新特性全面剖析:让编程变得更简单优雅
- Java 8新特性全面解析与最佳实践:掌握未来编程的艺术
- Java 8日期时间API新特性揭秘与深度解析
- Java 8 Stream API 详解(java.stream)
- Java机器学习库(Java ML)(二、聚类)
- 标签列表
-
- java反编译工具 (77)
- java反射 (57)
- java接口 (61)
- java随机数 (63)
- java7下载 (59)
- java数据结构 (61)
- java 三目运算符 (65)
- java对象转map (63)
- Java继承 (69)
- java字符串替换 (60)
- 快速排序java (59)
- java并发编程 (58)
- java api文档 (60)
- centos安装java (57)
- java调用webservice接口 (61)
- java深拷贝 (61)
- 工厂模式java (59)
- java代理模式 (59)
- java.lang (57)
- java连接mysql数据库 (67)
- java重载 (68)
- java 循环语句 (66)
- java反序列化 (58)
- java时间函数 (60)
- java是值传递还是引用传递 (62)
本文暂时没有评论,来添加一个吧(●'◡'●)