Löve 2D - Detecção de Colisões, Tile-Based Scrolling, Física

Tópicos Especiais em

Linguagens de Programação

Aula 09 – Detecção de Colisões, Orientação a

Objetos, Tile-Based Scrolling, Física...

Edirlei Soares de Lima

<edirlei@iprj.uerj.br>

Detecção de Colisão

Sem Colisão

Com Colisão

Box2

Box1

Detecção de Colisão

Sem Colisão

Com Colisão

Circle2

Circle1

Detecção de Colisão (Box)

function love.load()

player1 = {

x = 390,

y = 300,

width = 50,

height = 50,

collided = false

}

box1 = {

x = 100,

y = 300,

width = 50,

height = 50

}

box2 = {

x = 650,

y = 275,

width = 100,

height = 100

}

end

function CheckBoxCollision(x1,y1,w1,h1,x2,y2,w2,h2)

return x1 < x2+w2 and x2 < x1+w1 and y1 < y2+h2 and y2 < y1+h1

end

function love.update(dt)

if love.keyboard.isDown("left") then

player1.x = player1.x - (120 * dt)

end

if love.keyboard.isDown("right") then

player1.x = player1.x + (120 * dt)

end

if love.keyboard.isDown("up") then

player1.y = player1.y - (120 * dt)

end

if love.keyboard.isDown("down") then

player1.y = player1.y + (120 * dt)

end

if CheckBoxCollision(player1.x, player1.y, player1.width,

player1.height, box1.x, box1.y, box1.width, box1.height) or

CheckBoxCollision(player1.x, player1.y, player1.width,

player1.height, box2.x, box2.y, box2.width, box2.height) then

player1.collided = true

else

player1.collided = false

end

function love.draw()

love.graphics.setColor(255,255,255)

love.graphics.rectangle("fill", box1.x, box1.y,

box1.width, box1.height)

love.graphics.rectangle("fill", box2.x, box2.y,

box2.width, box2.height)

if player1.collided == true then

love.graphics.setColor(255,0,0)

end

love.graphics.rectangle("fill", player1.x, player1.y,

player1.width, player1.height)

end

Detecção de Colisão (Circle)

function love.load()

player1 = {

x = 390,

y = 300,

raio = 25,

collided = false

}

circle1 = {

x = 100,

y = 300,

raio = 25

}

circle2 = {

x = 650,

y = 300,

raio = 50

}

end

function CheckCircularCollision(ax, ay, ar, bx, by, br)

local dx = bx - ax

local dy = by - ay

local dist = math.sqrt(dx * dx + dy * dy)

return dist < ar + br

end

function love.update(dt)

if love.keyboard.isDown("left") then

player1.x = player1.x - (120 * dt)

end

if love.keyboard.isDown("right") then

player1.x = player1.x + (120 * dt)

end

if love.keyboard.isDown("up") then

player1.y = player1.y - (120 * dt)

end

if love.keyboard.isDown("down") then

player1.y = player1.y + (120 * dt)

end

if CheckCircularCollision(player1.x, player1.y, player1.raio,

circle1.x, circle1.y, circle1.raio) or

CheckCircularCollision(player1.x, player1.y, player1.raio,

circle2.x, circle2.y, circle2.raio) then

player1.collided = true

else

player1.collided = false

end

function love.draw()

love.graphics.setColor(255,255,255)

love.graphics.circle("fill", circle1.x, circle1.y, circle1.raio, 100)

love.graphics.circle("fill", circle2.x, circle2.y, circle2.raio, 100)

if player1.collided == true then

love.graphics.setColor(255,0,0)

end

love.graphics.circle("fill", player1.x, player1.y, player1.raio, 100)

end

Orientação a Objetos em Lua

GameObject = {}

function GameObject:GetX()

return self.px

end

GameObject.lua

function GameObject:new(x, y, w, h)

local obj = {px = x,

py = y,

width = w,

height = h,

function GameObject:GetY()

return self.py

end

collided = false}

setmetatable(obj, self)

self.__index = self

return obj

function GameObject:GetWidth()

return self.width

end

function GameObject:GetHeight()

return self.height

end

function GameObject:MoveX(x)

self.px = self.px + x

end

function GameObject:IsCollided()

return self.collided

end

function GameObject:MoveY(y)

self.py = self.py + y

end

function GameObject:SetCollided(c)

self.collided = c

end

Orientação a Objetos em Lua

main.lua

require "GameObject"

function love.load()

player1 = GameObject:new(390, 300, 50, 50)

box1 = GameObject:new(100, 300, 50, 50)

box2 = GameObject:new(650, 275, 100, 100)

end

function CheckBoxCollision(obj1, obj2)

return obj1:GetX() < obj2:GetX()+obj2:GetWidth() and

obj2:GetX() < obj1:GetX()+obj1:GetWidth() and

obj1:GetY() < obj2:GetY()+obj2:GetHeight() and

obj2:GetY() < obj1:GetY()+obj1:GetHeight()

end

Orientação a Objetos em Lua

function love.update(dt)

main.lua

if love.keyboard.isDown("left") then

player1:MoveX(-120 * dt)

end

if love.keyboard.isDown("right") then

player1:MoveX(120 * dt)

end

if love.keyboard.isDown("up") then

player1:MoveY(-120 * dt)

end

if love.keyboard.isDown("down") then

player1:MoveY(120 * dt)

end

if CheckBoxCollision(player1, box1) or

CheckBoxCollision(player1, box2) then

player1:SetCollided(true)

else

player1:SetCollided(false)

end

Orientação a Objetos em Lua

function love.draw()

love.graphics.setColor(255,255,255)

main.lua

love.graphics.rectangle("fill", box1:GetX(), box1:GetY(),

box1:GetWidth(), box1:GetHeight())

love.graphics.rectangle("fill", box2:GetX(), box2:GetY(),

box2:GetWidth(), box2:GetHeight())

if player1:IsCollided() == true then

love.graphics.setColor(255,0,0)

end

love.graphics.rectangle("fill", player1:GetX(), player1:GetY(),

player1:GetWidth(),

player1:GetHeight())

end

Operações em Tabelas

•

Tamanho de um vetor:

vet = {1, 2, 1, 6}

tamanho = table.getn(vet)

Adicionar elementos:

vet = {1, 2, 1, 6}

table.insert(vet, 8)

table.insert(vet, 1, 10)

Remover elementos:

vet = {1, 2, 1, 6}

table.remove(vet, 4)

table.remove(vet, 1)

Geração de Números Aleatórios

number = love.math.random(min, max)

Exemplo 1:

x = love.math.random(1, 100) -- Gera um número entre 1 e 100

Exemplo 2:

vet = {} -- Gera um vetor com 100 números aleatórios

for i=1, 100, 1 do

vet[i] = love.math.random(1, 100)

end

Executando o Programa em Tela Cheia

success = love.window.setFullscreen(fullscreen, fstype)

Exemplo 1:

-- coloca o programa em tela cheia na resolução atual do windows

love.window.setFullscreen(true, "desktop")

Exemplo 2:

-- coloca o programa em tela cheia mudando a resolução do monitor

love.window.setFullscreen(true, "normal")

Modificando o Tamanho da Janela

success = love.window.setMode(width, height, flags)

Exemplo 1:

-- define o tamanho da janela em 1024 x 768 resizable

love.window.setMode(1024, 768, {resizable=true})

Exemplo 2:

-- define o tamanho da janela em 1024 x 768 e em tela cheia

love.window.setMode(1024, 768, {fullscreen=true})

Modificando o Titulo da Janela

love.window.setTitle(title)

Exemplo:

love.window.setTitle("Meu Jogo!")

Modificando a Fonte

font = love.graphics.newFont(filename, size)

Exemplo:

function love.load()

myfont = love.graphics.newFont("anyfont.ttf", 20)

love.graphics.setFont(myfont)

end

function love.draw()

love.graphics.print("Hello world!", 100, 200)

end

Texture Atlas

•

Forma mais eficiente de

armazenar sprites na memória;

–

Somente uma textura é

armazenada

Simplifica a importação de

sprites;

Texture Atlas

Mapa

Tileset

XXXXXXXXXXXXXX

XXXBXXXXXXXXXX

XXBBBXXXXXXXXX

GGGGGGGAAGGGGG

TTTTTTTPPTTTTT

http://www.inf.puc-rio.br/~elima/intro-eng/plataform_map1.zip

Texture Atlas

local mapa = {}

local tilesetImage

local tileQuads = {}

local tileSize = 64

function LoadTiles(filename, nx, ny)

tilesetImage = love.graphics.newImage(filename)

local count = 1

for i = 0, nx, 1 do

for j = 0, ny, 1 do

tileQuads[count] = love.graphics.newQuad(i * tileSize ,

j * tileSize, tileSize, tileSize,

tilesetImage:getWidth(),

tilesetImage:getHeight())

count = count + 1

end

.

function LoadMap(filename)

local file = io.open(filename)

local i = 1

for line in file:lines() do

mapa[i] = {}

for j=1, #line, 1 do

mapa[i][j] = line:sub(j,j)

end

i = i + 1

end

file:close()

end

function love.load()

LoadMap("plataform_map.txt")

LoadTiles("plataform_tileset.png", 2, 2)

love.graphics.setBackgroundColor(152,209,250)

end

.

function love.draw()

for i=1, 10, 1 do --Percorre a matriz e desenha quadrados imagens

for j=1, 14, 1 do

if (mapa[i][j] == "G") then

love.graphics.draw(tilesetImage, tileQuads[1],