Screen Shake effect?

SPDApps · July 2012

is it possible to have a screen shake effect in gideros?

glennbjr · July 2012

Yup. You could do something like this.

local function shakeScreen()
    stage:setPosition(-10, -10)
   GTween.new(stage, 0.25, {x = 0,y = 0}, {delay = 0, ease = easing.outBounce })
end

SPDApps · July 2012

thanks it work

Teranth · July 2012

@glennbjr nice simple and easy, I might just steal that function for my utilties.lua file lol

ar2rsawseen · July 2012

Hmm, that gives one great idea, simple feature to add to my app.
Should look cool together with vibrations
Thanks

talis · July 2012

this is really good, just with one parameter i used it to animate my buttons after onclick.
Thanks for the idea @glennbjr.

--will shake the object just pass your button object for test
function shake(object)        
object:setPosition(object:getX()-3, object:getY()-3)
GTween.new(obje, 0.25, {x = object:getX()+3,y = object:getY()+3}, {delay = 0, ease=easing.outBounce })
end

talis · July 2012

@Teranth another treasure for the utilities.lua :ar!

ar2rsawseen · July 2012

Took a liberty of adding this to FAQ

Teranth · July 2012

@talis indeed your function is going there for sure, I like the fact you can use it on pretty much any sprite.

talis · July 2012

credits go to @glennbjr i just added a parameter to it and changed the coordinates . =D>

glennbjr · July 2012

Ahh gosh, thanks $:\$ ">

petec · July 2012

Thanks @talis and @ glennbjr - that will be useful.

In case it's any use to anyone else, I've also made a function based on that to pulse the size of a button as that's what I needed for something I'm working on:

function pulse(object,scl)
	if scl ~= nil then
		object:setScale(scl)
	else
		object:setScale(1.2)
	end
	GTween.new(object, 0.2, {scaleX=1,scaleY=1}, {})
end

Has optional scl parameter to set the scale to pulse to (can be less than 1 to make the object smaller). If no scl set, then it defaults to making it 1.2x original size.

Teranth · July 2012

@petec, neat I will have to test that out too

Thanks for sharing.

Gracille · August 2012

@talis

I tried using your code but i cant shake the Flask image,
can anyone tell whats wrong with my code? thanks...
heres my code

shakey = gideros.class(Sprite)
function shakey:init()

local bg = Bitmap.new(Texture.new("images/Main Menu/BG2.png"))
self:addChild(bg)

local object = Bitmap.new(Texture.new("images/Main Menu/Flask.png"))
self:addChild(object)
object:setPosition(150, 40)
object:addEventListener ("click",

function shake(object)
object:setPosition(object:getX()-3, object:getY()-3)
GTween.new(obje, 0.25, {x = object:getX()+3,y = object:getY()+3}, {delay = 0, ease=easing.outBounce })
end)

local bup = Bitmap.new(Texture.new("images/Backbtn.png"))
local bdown = Bitmap.new(Texture.new("images/Backbtn1.png"))
local backbtn = Button.new(bup, bdown)
backbtn:setPosition(3, 170)
self:addChild(backbtn)

backbtn:addEventListener ("click",
function()
sceneManager:changeScene("mmenu", 0.3, SceneManager.crossfade)
end)

Gracille · August 2012

the error dialog when I run it was this:

shakey.lua:13: '(' expected near 'shake'

ar2rsawseen · August 2012

I think that this:

function shake(object) 
object:setPosition(object:getX()-3, object:getY()-3)
GTween.new(obje, 0.25, {x = object:getX()+3,y = object:getY()+3}, {delay = 0, ease=easing.outBounce })
end)

Should be like this:

function shake(object) 
    object:setPosition(object:getX()-3, object:getY()-3)
    GTween.new(obje, 0.25, {x = object:getX()+3,y = object:getY()+3}, {delay = 0, ease=easing.outBounce })
end

No need for ) at the end of the function

talis · August 2012

@Gracille Addition to @ar2rsawseen post working functions are below. Also iparameter of the function and gtween obje is not same. So here is the working and correct one for sure:)
P.S : Tested:)

--change the value 5 to change the shake distance
function shake(obje)        
 obje:setPosition(obje:getX()-5, obje:getY()-5)
 GTween.new(obje, 0.25, {x = obje:getX()+5,y = obje:getY()+5}, {delay = 0, ease = easing.outBounce })
end

Gracille · August 2012

thanks for the reply @ar2rsawseen and @talis...

@talis I tried your code but the error is still the same.

talis · August 2012

@Gracille as i said before this is the code i am using in my own applications and it is %100 working.
In your implementation ther must be something wrong. So please post your whole code here and we can correct.

Gracille · August 2012

heres my code:

shakey = gideros.class(Sprite)
function shakey:init()

local bg = Bitmap.new(Texture.new("images/Main Menu/BG2.png"))
self:addChild(bg)

local object = Bitmap.new(Texture.new("images/Main Menu/Flask.png"))

self:addChild(object)
object:addEventListener ("click",

--change the value 5 to change the shake distance
function shake(object)
object:setPosition(object:getX()-5, object:getY()-5)
GTween.new(object, 0.25, {x = object:getX()+5,y = object:getY()+5}, {delay = 0, ease = easing.outBounce })
end
-------
local bup = Bitmap.new(Texture.new("images/Backbtn.png"))
local bdown = Bitmap.new(Texture.new("images/Backbtn1.png"))
local backbtn = Button.new(bup, bdown)
backbtn:setPosition(3, 170)
self:addChild(backbtn)

backbtn:addEventListener ("click",
function()
sceneManager:changeScene("mmenu", 0.3, SceneManager.crossfade)
end)

end

talis · August 2012

@Gracille you only define the shake function but you didn't call it anywhere.
You should call the function somewhere like:
shake(bup)
shake(backbtn)
etc....

Gracille · August 2012

sorry but I'm newbie to gideros and i dont know the other functions...thanks for the reply

talis · August 2012

@Gracille no problem there is nothing wrong with asking and learning. Please feel free to ask anything. If i know i will help, if not someone else will:D
Time will come and you will answer my questions too. This is what this forum is for \m/

OZApps · August 2012

Just a thought, have you tried to set the X and Y randomly to an offset of 3 in any direction than using a tween?

like so

it is just calling and setting a new position for the object periodically randomly.

Howdy, Stranger!

Categories

In this Discussion

Top Posters

Screen Shake effect?

Comments

Howdy, Stranger!

Quick Links

Categories

In this Discussion

Top Posters

Screen Shake effect?

Comments