Page Swap With Ace.Slide

talis · July 2012

Ok i saw @ar2rsawseen Ace.Slide code and thought that why not to use it in ebook template as a page swap property in the down with page numbers.

The numbers are automatically generated according to how many scenes you will be adding to your Scenemanager.

Hope it will be helpful to someone.

The project is in the attachment. And here is some screenshot also.

I just make it fastly so it is not so much user friendly. It is swapping pages on by one.

Improvements in my mind:
There will be a hidden "Go"(alpha=0) button. When user slides to page the scene will not change only hidden "GO" button will be visible(alpha=1) then user can slide fastly through page numbers and can go if he\she wanted.

Better but diffucult idea:
Another idea is with timer. There will be no hidden "Go" button if the user will stay more than 5 seconds without sliding the page numbers the scene will jump to the scene.

ar2rsawseen · July 2012

Really nice one.

I've actually rewrote this class a bit, because when I was creating it, I wasn't fully aware of Gideros class options so I created it as a standard lua module, but now it will be Gideros class compatible and released with new game template.

It has all the same API, so it will be easy to integrate with existing projects

talis · July 2012

thanks, actually what i want to do is to make it compaitable like an object. Now i just edited your code.
It can be something like this

PageNumbers.init({
orientation = 'horizontal',
spacing = 100,
parent = stage,
speed = 5,
unfocusedAlpha = 0.75,
easing = nil,
font = "Roboto.ttf",
fontsize = "18"
--......
--And more properties like this:)
})

ar2rsawseen · July 2012

Here's a new version using Gideros class system

And usage is quite similar:

--create slider
	local slider = Slider.new()
	self:addChild(slider)
	--loop through packs
	for i, value in ipairs(packs.packs) do
		--create group
		local group = Sprite.new()
 
		--get pack picture
		local box = Button.new(Bitmap.new(Texture.new("images/crate_locked.png", conf.textureFilter)), Bitmap.new(Texture.new("images/crate_locked.png", conf.textureFilter)))
 
		group:addChild(box)
 
		slider:add(group)
	end
	--show Ace slide
	slider:show()

If you want to make it as reusable object, I'd suggest you trying to use Gideros class system.

In your case, each scene could be a PageNumber object inherited from sprite, with it's own ID (page number). And then you add them to scene manager.

talis · July 2012

hmm never used it but gonna look from your example, thanks again.

loves_oi · July 2012

Here's a new version using Gideros class system

And usage is quite similar:
--create slider
	local slider = Slider.new()
	self:addChild(slider)
	--loop through packs
	for i, value in ipairs(packs.packs) do
		--create group
		local group = Sprite.new()
 
		--get pack picture
		local box = Button.new(Bitmap.new(Texture.new("images/crate_locked.png", conf.textureFilter)), Bitmap.new(Texture.new("images/crate_locked.png", conf.textureFilter)))
 
		group:addChild(box)
 
		slider:add(group)
	end
	--show Ace slide
	slider:show()
If you want to make it as reusable object, I'd suggest you trying to use Gideros class system.

In your case, each scene could be a PageNumber object inherited from sprite, with it's own ID (page number). And then you add them to scene manager.

i copied and pasted your slider code example to Gideros. But it didn't work.I'm taking this error :
deneme.lua:2: attempt to index global 'Slider' (a nil value)
stack traceback:
deneme.lua:2: in main chunk

Why? I want to do a simple slider only. What do i have to do?
Thanks in advance

ar2rsawseen · July 2012

Did you include Slider.lua from attachement of my last post to project?

loves_oi · July 2012

@ar2rsawseen i downloaded the zip but it is broken and it cannot be extracted.

ar2rsawseen · July 2012

Eh this is second time I see it in a forum. Ok try this one:
http://appcodingeasy.com/my_classes/gideros/Slider.lua

loves_oi · July 2012

ok . i copied and pasted the Slider.lua
And it's my main.lua:

--create slider
	require("Slider")
	local slider = Slider.new()
	self:addChild(slider)
	--loop through packs
	for i, value in ipairs(packs.packs) do
		--create group
		local group = Sprite.new()
 
		--get pack picture
		local box = Button.new(Bitmap.new(Texture.new("man.png", conf.textureFilter)), Bitmap.new(Texture.new("man.png", conf.textureFilter)))
 
		group:addChild(box)
 
		slider:add(group)
	end
	--show Ace slide
	slider:show()

But i'm still taking error. It's :
main.lua:4: attempt to index global 'self' (a nil value)
stack traceback:
main.lua:4: in main chunk

ar2rsawseen · July 2012

well I used self:addChild(slider) but you can change it depending on what you are using.

for example stage:addChild(slider)

loves_oi · July 2012

well I used self:addChild(slider) but you can change it depending on what you are using.

I couldn't understand what you write in the code. It's difficult to me

I'm just a beginner now and i have to make a simple slider only. What should i do ?? I changed self:addChild(slider) with stage:addChild(slider) . But it gives the error:
main.lua:6: attempt to index global 'packs' (a nil value)
stack traceback:
main.lua:6: in main chunk
Thanks for your participation.

loves_oi · July 2012

Could anybody help me? Or show a way of doing it? What should i do inside for loop

for i, value in ipairs(packs.packs) do
		--create group
		local group = Sprite.new()
 
		--get pack picture
		local box = Button.new(Bitmap.new(Texture.new("man.png", conf.textureFilter)), Bitmap.new(Texture.new("man.png", conf.textureFilter)))
 
		group:addChild(box)
 
		slider:add(group)
	end

What is 'packs.packs'
Where should i use 'value' and 'i' . What is the table to use inside ipairs.
I want to make a simple slider.
Thanks for all help.

talis · July 2012

@loves_oi can you please download this project totally do not copy paste anything just download it and open from gideros studio.
http://appcodingeasy.com/Gideros-Mobile/Easy-input-for-choosing-packages-or-levels-in-Gideros-Mobile
This project is running like a charm without errors.
After it try to understand and change the code one step at a time.

loves_oi · July 2012

OH yes! I'm glad to see this really works

Thank you very very very much

It will be really useful for me.
1.I have just started to try understanding the code.But where should i start to analyse the overall code . When i start from main.lua , everything will look like easy. But when i got deeper into the code , - class folders , Ace.Slide.lua , Slider.lua , settings etc. - everything will be very complex and inconceivable .

2.For another example , i looked at button example which comes with Gideros studio examples.I understand the main.lua. But button.lua is inconceivable. What should i do? Which file should i understand ? main file or button.lua ?

Masters , Give me more advise please ...

Thank for everything, helpful Gideros Family!

ar2rsawseen · August 2012

@loves_oi sorry can't believe I missed your post

Well best way to learn, for me at least, is to try to create your own component.

Imagine one Slider, or something similar, or completely different, on component that you need or want to create and try it. And we will be here to navigate you, advice, etc

Best way to learn is to try it yourself

Howdy, Stranger!

Categories

In this Discussion

Top Posters

Page Swap With Ace.Slide

Comments

Howdy, Stranger!

Quick Links

Categories

In this Discussion

Top Posters

Page Swap With Ace.Slide

Comments