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

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

以下文字均为本人原创,因此有可能说错什么,请不要介意,欢迎指正 ~
代码由 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 回帖 • 520 关注

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
ZephyrJung
一切有为法,如梦幻泡影,如露亦如电,应作如是观 北京

推荐标签 标签

  • Flume

    Flume 是一套分布式的、可靠的,可用于有效地收集、聚合和搬运大量日志数据的服务架构。

    9 引用 • 6 回帖 • 615 关注
  • RYMCU

    RYMCU 致力于打造一个即严谨又活泼、专业又不失有趣,为数百万人服务的开源嵌入式知识学习交流平台。

    4 引用 • 6 回帖 • 44 关注
  • WiFiDog

    WiFiDog 是一套开源的无线热点认证管理工具,主要功能包括:位置相关的内容递送;用户认证和授权;集中式网络监控。

    1 引用 • 7 回帖 • 562 关注
  • Ngui

    Ngui 是一个 GUI 的排版显示引擎和跨平台的 GUI 应用程序开发框架,基于
    Node.js / OpenGL。目标是在此基础上开发 GUI 应用程序可拥有开发 WEB 应用般简单与速度同时兼顾 Native 应用程序的性能与体验。

    7 引用 • 9 回帖 • 365 关注
  • HTML

    HTML5 是 HTML 下一个的主要修订版本,现在仍处于发展阶段。广义论及 HTML5 时,实际指的是包括 HTML、CSS 和 JavaScript 在内的一套技术组合。

    103 引用 • 294 回帖 • 1 关注
  • 区块链

    区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。所谓共识机制是区块链系统中实现不同节点之间建立信任、获取权益的数学算法 。

    91 引用 • 751 回帖
  • DNSPod

    DNSPod 建立于 2006 年 3 月份,是一款免费智能 DNS 产品。 DNSPod 可以为同时有电信、网通、教育网服务器的网站提供智能的解析,让电信用户访问电信的服务器,网通的用户访问网通的服务器,教育网的用户访问教育网的服务器,达到互联互通的效果。

    6 引用 • 26 回帖 • 529 关注
  • sts
    2 引用 • 2 回帖 • 168 关注
  • 知乎

    知乎是网络问答社区,连接各行各业的用户。用户分享着彼此的知识、经验和见解,为中文互联网源源不断地提供多种多样的信息。

    10 引用 • 66 回帖
  • Linux

    Linux 是一套免费使用和自由传播的类 Unix 操作系统,是一个基于 POSIX 和 Unix 的多用户、多任务、支持多线程和多 CPU 的操作系统。它能运行主要的 Unix 工具软件、应用程序和网络协议,并支持 32 位和 64 位硬件。Linux 继承了 Unix 以网络为核心的设计思想,是一个性能稳定的多用户网络操作系统。

    923 引用 • 936 回帖
  • 创业

    你比 99% 的人都优秀么?

    83 引用 • 1398 回帖
  • Firefox

    Mozilla Firefox 中文俗称“火狐”(正式缩写为 Fx 或 fx,非正式缩写为 FF),是一个开源的网页浏览器,使用 Gecko 排版引擎,支持多种操作系统,如 Windows、OSX 及 Linux 等。

    7 引用 • 30 回帖 • 429 关注
  • Electron

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

    15 引用 • 136 回帖 • 3 关注
  • 小说

    小说是以刻画人物形象为中心,通过完整的故事情节和环境描写来反映社会生活的文学体裁。

    28 引用 • 108 回帖
  • 数据库

    据说 99% 的性能瓶颈都在数据库。

    333 引用 • 619 回帖
  • Jenkins

    Jenkins 是一套开源的持续集成工具。它提供了非常丰富的插件,让构建、部署、自动化集成项目变得简单易用。

    51 引用 • 37 回帖 • 1 关注
  • 脑图

    脑图又叫思维导图,是表达发散性思维的有效图形思维工具 ,它简单却又很有效,是一种实用性的思维工具。

    21 引用 • 58 回帖
  • Hibernate

    Hibernate 是一个开放源代码的对象关系映射框架,它对 JDBC 进行了非常轻量级的对象封装,使得 Java 程序员可以随心所欲的使用对象编程思维来操纵数据库。

    39 引用 • 103 回帖 • 700 关注
  • App

    App(应用程序,Application 的缩写)一般指手机软件。

    90 引用 • 383 回帖 • 3 关注
  • SVN

    SVN 是 Subversion 的简称,是一个开放源代码的版本控制系统,相较于 RCS、CVS,它采用了分支管理系统,它的设计目标就是取代 CVS。

    29 引用 • 98 回帖 • 690 关注
  • Kubernetes

    Kubernetes 是 Google 开源的一个容器编排引擎,它支持自动化部署、大规模可伸缩、应用容器化管理。

    109 引用 • 54 回帖 • 4 关注
  • 单点登录

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

    9 引用 • 25 回帖 • 1 关注
  • Webswing

    Webswing 是一个能将任何 Swing 应用通过纯 HTML5 运行在浏览器中的 Web 服务器,详细介绍请看 将 Java Swing 应用变成 Web 应用

    1 引用 • 15 回帖 • 623 关注
  • 钉钉

    钉钉,专为中国企业打造的免费沟通协同多端平台, 阿里巴巴出品。

    15 引用 • 67 回帖 • 349 关注
  • Facebook

    Facebook 是一个联系朋友的社交工具。大家可以通过它和朋友、同事、同学以及周围的人保持互动交流,分享无限上传的图片,发布链接和视频,更可以增进对朋友的了解。

    4 引用 • 15 回帖 • 456 关注
  • H2

    H2 是一个开源的嵌入式数据库引擎,采用 Java 语言编写,不受平台的限制,同时 H2 提供了一个十分方便的 web 控制台用于操作和管理数据库内容。H2 还提供兼容模式,可以兼容一些主流的数据库,因此采用 H2 作为开发期的数据库非常方便。

    11 引用 • 54 回帖 • 646 关注
  • Solidity

    Solidity 是一种智能合约高级语言,运行在 [以太坊] 虚拟机(EVM)之上。它的语法接近于 JavaScript,是一种面向对象的语言。

    3 引用 • 18 回帖 • 354 关注