使用 Love2D 写一个贪吃蛇小游戏

本贴最后更新于 2919 天前,其中的信息可能已经沧海桑田

以下文字均为本人原创,因此有可能说错什么,请不要介意,欢迎指正 ~
代码由 Alexar 大大所写(自己实现的那版结构比较乱而且有 bug...),群号见下部隐藏区域

####love2d 引擎的代码结构

function love.load() --资源预加载
end
function love.update(dt) --实时渲染
end
function love.draw() --绘图
end

是不是很简单,通过 load 方法加载资源,或者做一些预处理,通过 draw 方法绘制想要的图案,再通过 update 不断刷新画面,一个游戏或者动画就形成了。
love2d 引擎的游戏,均以 main.lua 文件作为入口(我就是喜欢这种由确切入口的,有迹可循),而 main.lua 中,上述三个方法是必须的,其实还有个隐藏的主函数 love.run(),用以调用这三个方法。如果有什么特殊要求,可以自定义主函数,直接写出就会覆盖(有点像 java 的构造函数规则)。从官方 wiki 中可以看到 run 的代码

function love.run()
 
	if love.math then
		love.math.setRandomSeed(os.time())
	end
 
	if love.load then love.load(arg) end
 
	-- We don't want the first frame's dt to include time taken by love.load.
	if love.timer then love.timer.step() end
 
	local dt = 0
 
	-- Main loop time.
	while true do
		-- Process events.
		if love.event then
			love.event.pump()
			for name, a,b,c,d,e,f in love.event.poll() do
				if name == "quit" then
					if not love.quit or not love.quit() then
						return a
					end
				end
				love.handlers[name](a,b,c,d,e,f)
			end
		end
 
		-- Update dt, as we'll be passing it to update
		if love.timer then
			love.timer.step()
			dt = love.timer.getDelta()
		end
 
		-- Call update and draw
		if love.update then love.update(dt) end -- will pass 0 if love.timer is disabled
 
		if love.graphics and love.graphics.isActive() then
			love.graphics.clear(love.graphics.getBackgroundColor())
			love.graphics.origin()
			if love.draw then love.draw() end
			love.graphics.present()
		end
 
		if love.timer then love.timer.sleep(0.001) end
	end
 
end

通过上述代码(可以不要关心其他方法,单找 load,update,draw)可以看到,首先调用的就是 load,然后进入循环体内,不断先后调用 update 方法,draw 方法。

以上可当作 love2d 的引擎原理,闲话少说,下面进入正题:贪吃蛇

写游戏很能锻炼算法思考,在接触游戏编程之前,我很难理解那些数据结构以及算法到底在哪里用到。Java 中将大多数数据结构已经封装成类,可以直接调用其提供的各种方法,一般也可以满足需求,那学数据结构和算法用在哪里?毕竟,如若没有可以应用的地方,学过就忘(当年纠结了很久终于理解了堆排序,如今一片茫然,唉……)

我在写贪吃蛇的时候,想了很久如何实现,心中有个猜想但是不太确定,后来群里大神提点了一下肯定了我的想法:数组。

整个地图,就是方块矩阵,蛇身也好,苹果也好,墙壁也好,都是矩阵组成,所要控制的,就是如何计算出蛇身移动过程中,矩阵坐标的变化,应当考虑一下问题:

  • 如何传递蛇头的坐标变化到蛇身的每一节。
  • 如何随机生成苹果方块的位置,保证不与蛇身,墙壁重叠
  • 蛇吃到苹果后,应该做什么操作(身子加长,苹果刷新,速度加快等)
  • 蛇撞到墙壁后如何结束游戏
  • 如何区分不动(墙壁),动(蛇,苹果)的绘画

下面上代码,带着这些问题读代码,会更清晰明白些:
首先有如下置顶声明的变量(具体含义,可在下面代码中理解)

local updateCD=0.5
local timer=0.5
local dir={x=0,y=1}
local lastDir={x=0,y=0}
local map={}
local food={x=0,y=0}

####从 load 说起
之前提到,load 是预加载方法,那么初始化等操作自然就放在这里:

function love.load()
	setupMap() --1
	setupSnake() --2
	drawSnake(true) --3
	newFood() --4
end

这里调用了一系列方法,从名字可以看出依次进行了如下操作:

  1. 设置地图
  2. 设置蛇
  3. 画蛇
  4. 画苹果

设置地图,就是画出地图边界:

local function setupMap()
	map={}
	for x=1,15 do
		map[x]={}
		for y=1,15 do
			if x==1 or x==15 or y==1 or y==15 then
				map[x][y]=true 
			else
				map[x][y]=false
			end
		end
	end 
end

可见,这就是个普通的二位数组赋值方法,用 true 表示白格,false 表示无色(黑色),白格可能代表墙壁,可能代表蛇身,可能代表苹果,这里就是四周的墙壁。

接下来,设置蛇:

local snake={}
local function setupSnake()
	snake={}
	for i=1,5 do
		snake[i]={x=i+5,y=7} 
	end
end

也是一个简单的赋值函数,不过这里是用 lua 中 table 这个数据结构来存储蛇身的位置,以便后面根据蛇身当前位置在地图上画出蛇身。

画蛇,前面已经通过 setupSnake 设置了蛇身的位置,下面就要在 Map 上绘蛇了。这里就体现了上面提到的动静之分,动态的内容,通过保存其状态值,再通过 update 不断更新到地图上,而静态的可以直接画在地图上。

local function drawSnake(toggle)
	for i,v in ipairs(snake) do
		map[v.x][v.y]=toggle
	end
end

调用的时候传递了参数 true,也就是像填充墙壁一样,填充蛇身。
再下来,画苹果。不难想象,这是用随即函数,生成苹果坐标位置,将其填充到地图上:

local function newFood()
	repeat 
		food.x= love.math.random(2,14)
		food.y= love.math.random(2,14)
	until check(food.x,food.y)==false
	map[food.x][food.y]=true
end
local function check(x,y)
	return map[x][y]
end

检测是否冲突就很简单了,只要看当前 map 值是否为 true 即可。上述循环的写法与 Java 不是很相同,不过似乎逻辑是一样(不错,我又晕了,自己体会吧……)

####实时渲染,或者说循环刷新,或者说……
预加载完成了,下面开始写实时渲染逻辑,其实我也不知道这种称呼对不对,通俗点讲就是循环逻辑,就好像翻页小人动画一样,这个 update 就是在不断翻页:

function love.update(dt)
	input()
	timer=timer-dt
	if timer<0 then
		timer=updateCD
		updateSnake()
	end
end
local function updateSnake()
	lastDir.x=dir.x
	lastDir.y=dir.y
	local targetX,targetY=snake[1].x+dir.x,snake[1].y+dir.y
	if check(targetX,targetY) then
		if targetX==food.x and targetY==food.y then --eat
			eat()
		else --hit
			gameover()
			return
		end
	end
	drawSnake(false)
	for i=#snake,2,-1 do
		snake[i].x=snake[i-1].x
		snake[i].y=snake[i-1].y
	end
	snake[1].x=targetX
	snake[1].y=targetY
	drawSnake(true)
end
local function input()
	if love.keyboard.isDown("up") then
		if lastDir.y==0 then
			dir.x,dir.y=0,-1
		end
	elseif love.keyboard.isDown("down") then
		if lastDir.y==0 then
			dir.x,dir.y=0,1
		end
	elseif love.keyboard.isDown("left") then
		if lastDir.x==0 then
			dir.x,dir.y=-1,0
		end
	elseif love.keyboard.isDown("right") then
		if lastDir.x==0 then
			dir.x,dir.y=1,0
		end
	end
end
local function eat()
	table.insert(snake, {x=snake[1].x,y=snake[1].y})
	updateCD=updateCD*0.9
	newFood()
end
local function gameover()
	local title = "Game Over"
	local message = "Your Score is "..tostring(#snake-5)
	local buttons = {"Restart!", "Quit!", escapebutton = 2}
	local pressedbutton = love.window.showMessageBox(title, message, buttons)
	if pressedbutton == 1 then
	   	setupMap()
		setupSnake()
		drawSnake(true)
		newFood()
		timer=0.5
	elseif pressedbutton == 2 then
	    love.event.quit()
	end
end

它做了两件事,第一个就是监听输入(上下左右),第二件,就是更新蛇身位置。
须知,update 执行的频率十分高,也就是常说的 FPS,dt 实际上就是每帧间隔时间(也可能是每帧持续时间。。。我忘了,先前研究过另一个框架跟这里不同,我现在懒得查验……),为了避免出现疯蛇乱跑的现象,需要减缓其行动频率,也就是当翻页到了一定时间,才进行一次更新。
updateSnake 方法可说是这个游戏的核心算法所在了,主要解决蛇身移动时的坐标计算,如果方向不动,蛇身在现有方向前进,如果按下了上下左右键,就应进行相应转向,并且让其无法从反方向走。具体我就不解释了,可以试着自己实现下(为了实现贪吃蛇,我也可是进行了一番苦思冥想,自以为用了什么新方法,结果与 A 大这些不谋而合 ~)

####最后,draw 方法:

function love.draw()
    drawMap()
end
local function drawMap()
	love.graphics.setColor(255,255,255)
    for x=1,15 do
	for y=1,15 do
		local how=map[x][y] and "fill" or "line"
		love.graphics.rectangle(how, x*32+100, y*32, 30, 30, 5, 5)
	end
	end
end

这就是调用 love2d 的绘图功能,画出整个内容。这个过程有点像先用白蜡笔在白纸上作图,什么也看不到,或者只能看到过模糊的痕迹,最后讲颜料往纸上一泼,一切呈现出来,让人眼前一亮 ~

大概就是这样了,很简单,不是么?
最后,给出完整代码,只要保存为 main.lua,是用配好的环境运行就可以了(放到打赏区咯):

打赏 10 积分后可见
10 积分 • 8 打赏
  • Love2D

    Love2D 是一个开源的, 跨平台的 2D 游戏引擎。使用纯 Lua 脚本来进行游戏开发。目前支持的平台有 Windows, Mac OS X, Linux, Android 和 iOS。

    14 引用 • 53 回帖 • 529 关注

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • 88250

    可以的,不过似乎要用 H5 的才行, Love2D 估计不行,另外而且楼主已经开了 issue

    1 回复
  • 其他回帖
  • ZephyrJung

    用 Java 的话这个思路很不错 👍
    所以做游戏最能锻炼数据结构与算法了我觉得

    1 回复
  • relyn

    1473045031296

    这块区域太空,期待丰富内容哈哈~

    1 回复
  • ZephyrJung

    love2d 有人写 js 版,不过好像不是很好用,所以不如 html5 原生态

  • 查看全部回帖
ZephyrJung
一切有为法,如梦幻泡影,如露亦如电,应作如是观 北京

推荐标签 标签

  • 大数据

    大数据(big data)是指无法在一定时间范围内用常规软件工具进行捕捉、管理和处理的数据集合,是需要新处理模式才能具有更强的决策力、洞察发现力和流程优化能力的海量、高增长率和多样化的信息资产。

    93 引用 • 113 回帖
  • Sym

    Sym 是一款用 Java 实现的现代化社区(论坛/BBS/社交网络/博客)系统平台。

    下一代的社区系统,为未来而构建

    524 引用 • 4599 回帖 • 706 关注
  • iOS

    iOS 是由苹果公司开发的移动操作系统,最早于 2007 年 1 月 9 日的 Macworld 大会上公布这个系统,最初是设计给 iPhone 使用的,后来陆续套用到 iPod touch、iPad 以及 Apple TV 等产品上。iOS 与苹果的 Mac OS X 操作系统一样,属于类 Unix 的商业操作系统。

    84 引用 • 139 回帖 • 2 关注
  • 单点登录

    单点登录(Single Sign On)是目前比较流行的企业业务整合的解决方案之一。SSO 的定义是在多个应用系统中,用户只需要登录一次就可以访问所有相互信任的应用系统。

    9 引用 • 25 回帖 • 2 关注
  • Typecho

    Typecho 是一款博客程序,它在 GPLv2 许可证下发行,基于 PHP 构建,可以运行在各种平台上,支持多种数据库(MySQL、PostgreSQL、SQLite)。

    12 引用 • 65 回帖 • 454 关注
  • 旅游

    希望你我能在旅途中找到人生的下一站。

    89 引用 • 897 回帖
  • 正则表达式

    正则表达式(Regular Expression)使用单个字符串来描述、匹配一系列遵循某个句法规则的字符串。

    31 引用 • 94 回帖
  • Swagger

    Swagger 是一款非常流行的 API 开发工具,它遵循 OpenAPI Specification(这是一种通用的、和编程语言无关的 API 描述规范)。Swagger 贯穿整个 API 生命周期,如 API 的设计、编写文档、测试和部署。

    26 引用 • 35 回帖 • 1 关注
  • 酷鸟浏览器

    安全 · 稳定 · 快速
    为跨境从业人员提供专业的跨境浏览器

    3 引用 • 59 回帖 • 20 关注
  • 外包

    有空闲时间是接外包好呢还是学习好呢?

    26 引用 • 232 回帖 • 1 关注
  • Kafka

    Kafka 是一种高吞吐量的分布式发布订阅消息系统,它可以处理消费者规模的网站中的所有动作流数据。 这种动作(网页浏览,搜索和其他用户的行动)是现代系统中许多功能的基础。 这些数据通常是由于吞吐量的要求而通过处理日志和日志聚合来解决。

    35 引用 • 35 回帖 • 6 关注
  • SOHO

    为成为自由职业者在家办公而努力吧!

    7 引用 • 55 回帖 • 46 关注
  • Electron

    Electron 基于 Chromium 和 Node.js,让你可以使用 HTML、CSS 和 JavaScript 构建应用。它是一个由 GitHub 及众多贡献者组成的活跃社区共同维护的开源项目,兼容 Mac、Windows 和 Linux,它构建的应用可在这三个操作系统上面运行。

    15 引用 • 136 回帖 • 12 关注
  • 新人

    让我们欢迎这对新人。哦,不好意思说错了,让我们欢迎这位新人!
    新手上路,请谨慎驾驶!

    51 引用 • 226 回帖 • 1 关注
  • Netty

    Netty 是一个基于 NIO 的客户端-服务器编程框架,使用 Netty 可以让你快速、简单地开发出一个可维护、高性能的网络应用,例如实现了某种协议的客户、服务端应用。

    49 引用 • 33 回帖 • 22 关注
  • 安全

    安全永远都不是一个小问题。

    197 引用 • 813 回帖 • 2 关注
  • danl
    100 关注
  • 招聘

    哪里都缺人,哪里都不缺人。

    189 引用 • 1056 回帖 • 1 关注
  • 友情链接

    确认过眼神后的灵魂连接,站在链在!

    24 引用 • 373 回帖 • 1 关注
  • Hprose

    Hprose 是一款先进的轻量级、跨语言、跨平台、无侵入式、高性能动态远程对象调用引擎库。它不仅简单易用,而且功能强大。你无需专门学习,只需看上几眼,就能用它轻松构建分布式应用系统。

    9 引用 • 17 回帖 • 603 关注
  • MyBatis

    MyBatis 本是 Apache 软件基金会 的一个开源项目 iBatis,2010 年这个项目由 Apache 软件基金会迁移到了 google code,并且改名为 MyBatis ,2013 年 11 月再次迁移到了 GitHub。

    170 引用 • 414 回帖 • 397 关注
  • 前端

    前端技术一般分为前端设计和前端开发,前端设计可以理解为网站的视觉设计,前端开发则是网站的前台代码实现,包括 HTML、CSS 以及 JavaScript 等。

    247 引用 • 1347 回帖
  • 设计模式

    设计模式(Design pattern)代表了最佳的实践,通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。

    198 引用 • 120 回帖
  • Sillot

    Insights(注意当前设置 master 为默认分支)

    汐洛彖夲肜矩阵(Sillot T☳Converbenk Matrix),致力于服务智慧新彖乄,具有彖乄驱动、极致优雅、开发者友好的特点。其中汐洛绞架(Sillot-Gibbet)基于自思源笔记(siyuan-note),前身是思源笔记汐洛版(更早是思源笔记汐洛分支),是智慧新录乄终端(多端融合,移动端优先)。

    主仓库地址:Hi-Windom/Sillot

    文档地址:sillot.db.sc.cn

    注意事项:

    1. ⚠️ 汐洛仍在早期开发阶段,尚不稳定
    2. ⚠️ 汐洛并非面向普通用户设计,使用前请了解风险
    3. ⚠️ 汐洛绞架基于思源笔记,开发者尽最大努力与思源笔记保持兼容,但无法实现 100% 兼容
    29 引用 • 25 回帖 • 58 关注
  • 人工智能

    人工智能(Artificial Intelligence)是研究、开发用于模拟、延伸和扩展人的智能的理论、方法、技术及应用系统的一门技术科学。

    119 引用 • 171 回帖
  • Telegram

    Telegram 是一个非盈利性、基于云端的即时消息服务。它提供了支持各大操作系统平台的开源的客户端,也提供了很多强大的 APIs 给开发者创建自己的客户端和机器人。

    5 引用 • 35 回帖 • 2 关注
  • webpack

    webpack 是一个用于前端开发的模块加载器和打包工具,它能把各种资源,例如 JS、CSS(less/sass)、图片等都作为模块来使用和处理。

    41 引用 • 130 回帖 • 274 关注