LÖVE

Code: Select all

local animation_table = {}
local current_frame = 1
local current_frame_duration = 0
local time_per_frame = 0.1

function love.load()
	love.graphics.setBackgroundColor(255, 255, 255)

	image = love.graphics.newImage("animation.png")  --We load the main image file that we want to animate.
	
	local image_w, image_h = image:getDimensions()
	local quad_w, quad_h = image_w / 5, image_h / 3 
	
	--[[
		The width of our quad will be equal to the width of the image divided by how many frames there are horizontally.
		The height of our quad is equal to the height of the image divded by the number of frames vertically.
	]]
	
	for y = 0, 2 do
		for x = 0, 4 do
			animation_table[#animation_table + 1] = love.graphics.newQuad(x * quad_w, y * quad_h, quad_w, quad_h, image_w, image_h)
		end
	end
	
	--[[
		This for loop allows us to offset subsections of our main image and store those subsections
		into our animation table so that we can draw it.
	]]
	
	animation_table[#animation_table] = nil --The last image in the animation I've choosen is blank, so I remove it here.
end

function love.update(dt)
	current_frame_duration = current_frame_duration + dt
	
	if current_frame_duration >= time_per_frame then
		current_frame = current_frame + 1

		if current_frame > #animation_table then
			current_frame = 1  --If we increment passed how many frames we have, we go back to the first frame.
		end
	end
end

function love.draw()
	local x, y = love.mouse.getPosition()
	
	love.graphics.draw(image, animation_table[current_frame], x, y)  
	--Here we draw the current frame, determined in love.update, at our mouse position
end

Code: Select all

local animation_table = {}
local current_frame = 1
local current_frame_duration = 1
local time_per_frame = 1

function love.load()
   love.graphics.setBackgroundColor(0, 32, 32)

   image = love.graphics.newImage("explosion.png")  --We load the main image file that we want to animate.
   
   local image_w, image_h = image:getDimensions()
   local quad_w, quad_h = image_w / 14, image_h / 3
   
   --[[
      The width of our quad will be equal to the width of the image divided by how many frames there are horizontally.
      The height of our quad is equal to the height of the image divded by the number of frames vertically.
   ]]
   
   for y = 0, 4 do
      for x = 0, 10 do
         animation_table[#animation_table + 1] = love.graphics.newQuad(x * quad_w, y * quad_h, quad_w, quad_h, image_w, image_h)
      end
   end
   
   --[[
      This for loop allows us to offset subsections of our main image and store those subsections
      into our animation table so that we can draw it.
   ]]
   
   animation_table[#animation_table] = nil --The last image in the animation I've choosen is blank, so I remove it here.
end

function love.update(dt)
   current_frame_duration = current_frame_duration + dt
   
   if current_frame_duration >= time_per_frame then
      current_frame = current_frame + 1

      if current_frame > #animation_table then
         current_frame = 1  --If we increment passed how many frames we have, we go back to the first frame.
      end
   end
end

function love.draw()
   local x, y = love.mouse.getPosition()
   
   love.graphics.draw(image, animation_table[current_frame], x, y) 
   --Here we draw the current frame, determined in love.update, at our mouse position
end