Animations

totebo · March 2018

I'm working on a Lua extension to TexturePack which will make frame-by-frame animations easier.

I was wondering if anyone else has already done something like this, and can share ideas?

My approach is to store all TextureRegions, create one Bitmap and then use Bitmap:setTextureRegion() when needed. Then I manually step each animation sprite.

oleg · March 2018

I use MovieClip

http://docs.giderosmobile.com/reference/gideros/MovieClip#MovieClip

totebo · March 2018

MovieClip is great for timeline animations, but not ideal for frame-by-frame bitmap animations, because it uses a new sprite for each frame. Just changing the Bitmap TextureRegion feels cleaner, and my guess is that it's more efficient (although I haven't tested it).

antix · March 2018

Frame swapping will be faster IMHO. My book (should it ever be completed) will contain a frame based animation class.

totebo · March 2018

By frame swapping you mean the setTextureRegion, or something else?

Apollo14 · March 2018

guys, is it okay if I post tiny offtopic, considering we're discussing animations

In my recent project I'm using this code to change color of a ball. Is it a right practice to work with one MovieClip instead of setting one sprite invisible, the other one visible, or removing one from stage, then adding the other, etc.?

frame1 = Bitmap.new(myTexturePack1:getTextureRegion("ballBlue.png"))
frame2 = Bitmap.new(myTexturePack1:getTextureRegion("ballGreen.png"))
frame3 = Bitmap.new(myTexturePack1:getTextureRegion("ballRed.png"))
 
myClip = MovieClip.new{
{1,1,frame1},
{2,2,frame2},
{3,3,frame3},
}
myClip:setStopAction(1)
stage:addChild(myClip)
 
stage:addEventListener(Event.MOUSE_DOWN, function()
myClip:gotoAndStop(myClip:getFrame()%3+1) --switch to next color
end)

SinisterSoft · March 2018

@totebo I've used that method since day one, had no problems with it and it works for me.

antix · March 2018

I mean using setTextureRegion()

totebo · March 2018

Yeah, I didn't realise I could do that and had somewhat of an epiphany when I used it the first time. Feels so much cleaner.

@SinisterSoft do you have a class for this, or how do you step frame by frame animations?

SinisterSoft · March 2018

I don't create classes that much - I just put the command in when I want the animation to occur - classes are good for making things simpler but imho for frame rate they are also death by a thousand cuts.

totebo · March 2018

for frame rate they are also death by a thousand cuts.

Best quote ever.

vitalitymobile · September 2018

@totebo Would you mind to share some code snippets for Animation frame-by-frame Class?

totebo · September 2018

This is what it looks like currently. Hopefully it's useful in some way! You need to manually step it with the update() function.

local remove = table.insert
 
AnimatedBitmap = Core.class( Sprite )
 
function AnimatedBitmap:init( texture_regions, frames_per_texture )
 
	-- Store parameters
	self.texture_regions = texture_regions
	self.frames_per_texture = frames_per_texture
 
	-- Create bitmap
	local texture_region = texture_regions[1]
	self.bitmap = Bitmap.new( texture_region )
	self:addChild( self.bitmap )
 
	-- Start off on frame 1 and texture 1
	self.current_texture_frame = 1
	self.current_frame = 1
 
end
 
function AnimatedBitmap:setTextureRegions( texture_regions )
 
	--print("AnimatedBitmap:setTextureRegions( texture_regions )", texture_regions, #texture_regions )
 
	self.texture_regions = texture_regions
 
	-- Reset frame count if new textures has less frames
	if self.current_texture_frame > #texture_regions then
		self.current_texture_frame = 1
		self.current_frame = 1
	end
 
	-- Set next frame immediately
	self.bitmap:setTextureRegion( texture_regions[self.current_texture_frame] )
 
end
 
function AnimatedBitmap:update()
 
	-- Set new texture
	if self.current_frame == self.frames_per_texture then
 
		local texture_regions = self.texture_regions
		local current_texture_frame = self.current_texture_frame
 
		-- Loop current texture frame if displayed the last one on the previous update
		if current_texture_frame > #texture_regions then
			current_texture_frame = 1
			self.current_texture_frame = current_texture_frame
		end
 
		-- Set texture
		local texture_region = texture_regions[current_texture_frame]
		self.bitmap:setTextureRegion( texture_region )
 
		-- Prepare to show the next texture frame
		self.current_texture_frame += 1
 
		-- Reset current frame to start countdown to next frame
		self.current_frame = 1
 
	end
 
	self.current_frame += 1
 
end

vitalitymobile · September 2018

Thank @totebo! It helps me a lot!

Howdy, Stranger!

Categories

In this Discussion

Top Posters

Animations

Comments

Howdy, Stranger!

Quick Links

Categories

In this Discussion

Top Posters

Animations

Comments